欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

屏蔽掉繼承css

傅智翔1年前9瀏覽0評論

在CSS中,繼承是一個非常有用的特性,它可以讓我們避免重復編寫樣式規則以及提高代碼的可維護性。但有時候,我們不希望子元素繼承父元素的樣式規則,這時候就需要使用一些技巧屏蔽掉繼承。

以下是一些常見的例如:

.parent {
color: red; /* 父元素樣式規則 */
}
.child {
color: inherit; /* 子元素繼承 */
}
如果我們想要屏蔽掉子元素繼承父元素的樣式規則,我們可以使用以下的方法來實現:
.child {
color: initial; /* 子元素的font-size為initial */
}
這個方法會將子元素的樣式值重置為瀏覽器默認值,從而屏蔽掉父元素的繼承。

另外,我們也可以使用一些特殊的CSS選擇器來屏蔽掉繼承,例如:

.parent :not(.child) {
color: red; /* 除了 .child 元素以外,其它子元素顏色為red */
}
這個方法使用了:not偽類選擇器來匹配除了.child元素以外的其它子元素,從而只針對特定的元素進行樣式規則。

總之,屏蔽掉繼承在一些特定場景下非常有用,我們可以利用不同的方法來實現。