在進行CSS樣式的編寫時,可能會出現多個樣式沖突的情況。此時我們需要使用CSS優先級來確定最終生效的樣式。
在CSS優先級中,樣式的權重越高,優先級也越高。
以下是優先級的權重從高到低:
行內樣式 inline style:權重值為1000; id選擇器:權重值為100; 類選擇器 class selector、屬性選擇器 attribute selector 和偽類:權重值為10; 標簽選擇器 type selector:權重值為1; 通配符 * 和繼承樣式 inherit:權重值為0。
除了以上五個,還有一些特殊情況需要注意:
!important:權重值為最高,即無限大,只有在極少數情況下使用。 繼承樣式:權重為0,但是如果子標簽未被其他樣式定義,繼承的樣式會生效。 相同權重樣式:根據樣式出現的位置,后面的樣式會覆蓋前面的樣式。
下面是一個CSS優先級的代碼示例:
#content p { color: red; } p { color: blue; }
上述代碼中,第一個樣式使用了id選擇器,優先級為100,第二個樣式使用標簽選擇器,優先級為1,因此第一個樣式優先級更高,文字會顯示為紅色。