在CSS中,屬性繼承是一種非常方便的特性,它可以通過父元素設置的屬性值,來自動地將這些屬性值應用到其子元素上。但在某些情況下,我們需要取消屬性的繼承。
//取消color和font-size屬性的繼承 p { color: black; font-size: 16px; } p span { color: initial; font-size: initial; }
上述代碼展示了如何取消color和font-size屬性的繼承。在p標簽中設置了color和font-size屬性,而在p標簽的后代元素span中使用了initial關鍵字,來取消這兩個屬性的繼承,這樣就可以使用原本span標簽自身的color和font-size屬性。
如果僅需要取消某一屬性的繼承,可以使用unset關鍵字,如下所示:
//取消color屬性的繼承 p span { color: unset; }
以上就是如何取消CSS屬性繼承的簡要說明,希望對大家有幫助。
上一篇jquery轉化成浮點數
下一篇css怎么和dw鏈接