1. 程式人生 > >css的選擇器的優先級

css的選擇器的優先級

相同 之間 混淆 但是 大小 選擇器 優先級 class 標簽

css覆蓋是在打代碼的時候,開發者很普通很普通,也是很經常經常用到的,但是容易混淆他們之間的優先級。

【】【】【】

第一個是id,第二個是class,第三個是元素名。有一個就加一。比較這個三位數的大小,越大優先級越高。

比如:

.content div{}

這個選擇器有一個class,一個元素標簽,所以這三位數就是011;

再比如:

#content div{}

此時就是一個id,一個元素標簽,此時就是101;

說明第二個選擇器是可以覆蓋第一個的相同的屬性的值的。

css的選擇器的優先級