在CSS中,樣式有時可能會產生沖突,因此需要計算權重來確定使用哪個樣式。
CSS權重是一個數字,用于表示樣式優先級的大小。CSS屬性值的具體優先級由不同因素組成,包括選擇器類型、選擇器數量和選擇器特異性等。
我們可以使用不同的選擇器類型,如標簽名、類、ID、偽類和屬性選擇器。
下面是一些常見的選擇器,按優先順序遞減 :
ID選擇器(#example):100 類選擇器、屬性選擇器和偽類(.example、[type="radio"]、:hover):10 標簽名(p、h1、div):1 通配符(*)和子選擇器(>):0
當多個選擇器,并且它們的權重相等時,后面的選擇器規則具有更高優先級。
例如,如果我們有p和#example兩個選擇器,且它們的權重均為100,那么#example選擇器就會覆蓋p選擇器。 還要注意,元素內聯樣式會覆蓋所有外部樣式表。
在MDN文檔中,更詳細地介紹了如何計算CSS權重。在設計和開發網站時,我們必須了解如何計算樣式優先級,以確保我們的樣式正確應用。
上一篇css權重相加
下一篇css權威指南 腳本之家