CSS中,有一種強(qiáng)制繼承的機(jī)制,它可以使某個(gè)元素的樣式強(qiáng)制繼承到其后代元素上。這種機(jī)制被稱(chēng)為“CSS強(qiáng)制繼承”。
.parent { color: red; all: inherit; }
上面的代碼中,父元素的所有樣式都被強(qiáng)制繼承到了其后代元素上。這樣我們就不用給每個(gè)后代元素都寫(xiě)一遍相同的樣式了。
另外,強(qiáng)制繼承還可以用來(lái)解決一些問(wèn)題。比如某個(gè)元素樣式的優(yōu)先級(jí)很高,但我們又想讓它的某個(gè)子元素保持和父元素一樣的樣式,這時(shí)我們就可以使用強(qiáng)制繼承。
.parent { color: red; } .child { all: inherit; }
上面的代碼中,父元素`.parent`的字體顏色為紅色,`.child`元素的所有樣式都被強(qiáng)制繼承了`.parent`元素,所以`.child`元素的顏色也是紅色。
需要注意的是,`all`屬性不是CSS的標(biāo)準(zhǔn)屬性,它是WEBKIT內(nèi)核下的私有屬性,只有WEBKIT內(nèi)核的瀏覽器才支持。