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

css 取消父繼承樣式

呂致盈1年前9瀏覽0評論

父繼承樣式指的是樣式會被傳遞到他的后代元素中。CSS中有一個屬性叫做inherit,當在子元素中設置屬性為inherit時,它會繼承它的父元素的屬性。但是有時候我們希望取消這種繼承樣式,使子元素不受父元素的影響。以下是取消繼承樣式的幾種方法。

1. 使用!important屬性
子元素中屬性值加上!important,這將會覆蓋掉父元素的繼承樣式,例如:
.parent {
color: red;
}
.child {
color: blue !important;
}
這時候,子元素文字顏色為藍色而不是繼承的紅色。

2. 使用none屬性

我們可以使用none屬性,將繼承樣式設置為無效。例如:
.parent {
font-weight: bold;
}
.child {
font-weight: normal;
}
這時候,子元素中文字的加粗樣式就被取消掉了。我們同樣可以使用none屬性取消其他繼承樣式。

3. 使用初始值

CSS中每個屬性都有一個初始值,我們可以將屬性設為這個初始值來取消繼承樣式。例如:
.parent {
font-family: Arial;
}
.child {
font-family: initial;
}
這時候,子元素的文字字體將會恢復成默認值。同樣,我們可以使用初始值來取消其他繼承樣式。

總結

以上是三種取消CSS繼承樣式的方法。但我們應當謹慎使用!important屬性,因為它具有最高優先級,而且可能會導致代碼不易維護。因此,使用none屬性或初始值是更好的做法。