首頁  >  文章  >  web前端  >  可以防止子元素繼承父級 CSS 樣式嗎?

可以防止子元素繼承父級 CSS 樣式嗎?

Barbara Streisand
Barbara Streisand原創
2024-11-12 22:30:02193瀏覽

Can You Prevent Child Elements from Inheriting Parent CSS Styles?

防止子元素繼承父級CSS

原詢問

是否可以修改CSS來防止樣式繼承父元素到子元素?

綜合答案

不幸的是,沒有簡單的 CSS 屬性可以阻止子元素繼承父元素的樣式。繼承屬性允許您將值從父元素複製到子元素,但沒有相反方向的等效項。

替代解決方案

要覆蓋繼承的樣式,您必須在CSS 程式碼中手動恢復它們:

或者,如果您可以控制標記,則可以使用其他類別來定位特定元素:

未來的可能性

CSS 工作小組正在探索此問題的解決方案。建議的屬性revert 將允許您重置繼承的樣式並恢復為元素自己的計算樣式:

截至2015 年3 月,此屬性已在除Safari 和IE 之外的所有主要瀏覽器中實作/邊緣。然而,屬性名稱已變更為恢復。

以上是可以防止子元素繼承父級 CSS 樣式嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn