在 CSS 中,駐廠(或者翻譯為“繼承”)是指:在一個元素的 CSS 規則中,如果某一個屬性的值沒有設置,那么它會沿用父元素的同屬性的值,通過層層繼承,直到找到有值的為止。
使用 CSS 駐廠可以大幅減少開發者的工作量,以及優化網頁的性能。
例如,一個網頁有多個段落元素
<p></p>,它們的文字大小和顏色都要保持一致。如果沒有 CSS 駐廠,就必須為每個段落元素單獨設置這兩個值,代碼會變得冗長而且難以維護。而使用 CSS 駐廠,只需要在父元素上設置一次,所有的子元素都會繼承這些值。
p { font-size: 16px; color: #333; }
上面的示例代碼設置了段落元素的文字大小為 16 像素,顏色為深灰色。任何一個沒有顯式設置文字大小和顏色的段落元素都會繼承這些值。
但需要注意的是,CSS 駐廠不會發生在所有屬性上。例如,背景圖片、邊框、外邊距和內邊距等屬性都不會被繼承。因此,在設置 CSS 樣式時,需要明確哪些屬性是可以被繼承的,哪些是不可以被繼承的。