如何覆寫 CSS 中繼承的「text-decoration」？

重寫CSS 屬性：了解繼承性和特殊性

CSS 中的文字裝飾屬性在重寫值時可能會很棘手父元素。本問題探討了子元素無法覆蓋文字修飾的問題，並討論了 CSS 中屬性繼承和特異性的更廣泛概念。

CSS 屬性繼承

CSS 屬性可以表現出繼承性，其中父元素上設定的值將由其後代繼承，除非明確覆蓋。然而，某些屬性不能被繼承，而 text-decoration 就屬於這一類。

text-decoration 的特殊性

CSS 規範明確指出文本- 後代元素的裝飾屬性對其祖先的裝飾沒有影響。這是因為文字裝飾是在整個父元素上繪製的，甚至在子元素上也是如此。

覆蓋文字裝飾使用 text-decoration-skip

覆蓋文字-子元素的裝飾，可以使用 text-decoration-skip 屬性。 CSS3 中引入的 text-decoration-skip 指定從父元素繼承的文字裝飾應該跳過子元素內容的哪些部分。

結論

屬性繼承和特異性是使用 CSS 時需要理解的重要概念。有些屬性（例如文字裝飾）不能被子元素覆蓋，而其他屬性可以透過仔細使用級聯規則和特異性來控制。

以上是如何覆寫 CSS 中繼承的「text-decoration」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！