在CSS編寫中,我們通常會遇到多個樣式規則作用于同一個HTML標簽上時,此時就需要了解CSS權重的概念。
權重表示在決定應用哪個樣式規則時的一種優先級規則,權重越高,優先級也就越高。
在CSS中,我們可以用四個指標來衡量一個樣式規則的權重,分別是:
1.內聯樣式:style=””的屬性所寫的樣式,它們直接在標簽上定義,其權重值最高,為1000。 2. ID選擇器:用ID來標識某個標簽,當確定樣式與之匹配時,ID選擇器所在的樣式規則權重為100。 3. 類選擇器,偽類選擇器和屬性選擇器:這些選擇器可以用于標識HTML標簽的class、偽類或者屬性,其權重值為10。 4. 元素選擇器和偽元素選擇器:當沒有寫上特殊的選擇器,只有元素名稱或偽元素選擇器時,其權重值為1。
當出現權重值相同時,則后面的樣式規則會覆蓋前面的樣式規則。
了解了CSS權重的概念后,我們可以更好的掌握CSS的特性,避免樣式規則沖突的情況發生,從而能夠更有效地編寫CSS樣式。
上一篇css按鈕內的字