色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css不繼承父類

劉姿婷1年前6瀏覽0評論

在CSS中,有一些屬性是不會被子元素繼承的,這意味著子元素不會從父元素繼承這些屬性的值,而是需要單獨設置。以下是一些不會被子元素繼承的CSS屬性:

font-size
font-weight
line-height
text-align
height
width
margin
padding
border
background
color

讓我們以一個簡單的示例來說明這個概念:

<div class="parent">
<p class="child">Hello World!</p>
</div>
.parent {
font-size: 20px;
color: red;
}

在這個示例中,父元素的字體大小設置為20像素,顏色為紅色。然而,子元素的字體大小和顏色并沒有繼承父元素的屬性值,而是采取了默認值。

因此,如果你想讓子元素具有與父元素相同的屬性值,你需要重新定義子元素的CSS:

.parent {
font-size: 20px;
color: red;
}
.child {
font-size: 20px;
color: red;
}

這是一種很繁瑣的方法,因為你每次都需要手動設置子元素的CSS。幸運的是,CSS提供了一種簡單的方法,可以讓子元素繼承父元素的屬性值。使用"inherit"關鍵字即可實現:

.parent {
font-size: 20px;
color: red;
}
.child {
font-size: inherit;
color: inherit;
}

現在,子元素將繼承父元素的字體大小和顏色值。

總之,不繼承父元素的CSS屬性可能會導致一些不必要的工作和混淆。使用"inherit"關鍵字可以輕松解決這個問題,確保子元素具有與父元素相同的屬性值。