CSS 中的級聯(lián)順序是十分重要的,可以決定樣式的覆蓋順序。而其中,中級聯(lián)順序是最高的,它可以覆蓋低級聯(lián)和行內(nèi)樣式。
selector1 selector2 { property: value; }
在上面的示例中,selector1 和 selector2 分別為兩個選擇器。如果一個元素同時滿足這兩個選擇器,那么屬性就會被設(shè)置為 value。
需要注意的是,如果有多個具有相同級聯(lián)順序的選擇器,其覆蓋順序與代碼中出現(xiàn)的順序相同。所以,需要善用中級聯(lián)順序,來控制樣式的繼承和覆蓋。
例如:
p { color: red; } #container p { color: blue; }
如果一個<p>
標(biāo)簽同時滿足這兩個選擇器,那么它的顏色將會是 blue。
總的來說,中級聯(lián)順序是最高的選擇器,能夠覆蓋低級聯(lián)和行內(nèi)樣式。我們可以靈活運用它來實現(xiàn)對不同元素的樣式設(shè)定。