在CSS中,我們經(jīng)常需要將某個屬性向下重復應用到多個元素上。這時候,就可以使用CSS的向下重復(或者說是“向下傳遞”)功能。
.parent { color: blue; } .child { /* 子元素沿用父元素的顏色 */ color: inherit; }
在上面的代碼中,我們定義了一個父元素.parent
和一個子元素.child
。我們希望子元素能夠繼承父元素的顏色。那么,我們就可以在子元素的樣式中使用inherit
屬性,即“沿用父元素的屬性值”。
當然,我們還可以使用其他的向下重復方法,比如:
/* 將所有元素的顏色設置為紅色和粗體 */ a { color: red; font-weight: bold; } /* 將所有鏈接的下劃線去掉 */ a:hover { text-decoration: none; }
在上面的代碼中,我們通過設置所有鏈接的顏色和粗細,以及在鼠標懸浮時取消下劃線來實現(xiàn)了一些向下重復的效果。這樣,我們就能夠在CSS中更加便捷地復用樣式。