CSS中,有一種強制繼承的機制,它可以使某個元素的樣式強制繼承到其后代元素上。這種機制被稱為“CSS強制繼承”。
.parent { color: red; all: inherit; }
上面的代碼中,父元素的所有樣式都被強制繼承到了其后代元素上。這樣我們就不用給每個后代元素都寫一遍相同的樣式了。
另外,強制繼承還可以用來解決一些問題。比如某個元素樣式的優先級很高,但我們又想讓它的某個子元素保持和父元素一樣的樣式,這時我們就可以使用強制繼承。
.parent { color: red; } .child { all: inherit; }
上面的代碼中,父元素`.parent`的字體顏色為紅色,`.child`元素的所有樣式都被強制繼承了`.parent`元素,所以`.child`元素的顏色也是紅色。
需要注意的是,`all`屬性不是CSS的標準屬性,它是WEBKIT內核下的私有屬性,只有WEBKIT內核的瀏覽器才支持。
上一篇css強制橫屏
下一篇css強制規定元素的邊框