當前位置:百科全書館>科技>科技生活>

css選擇器優先級順序

科技生活 閲讀(9.7K)

品牌型號:聯想拯救者Y9000P
系統:Windows 11

css選擇器優先級順序

CSS選擇器優先級從高到低排列如下:

1、!important聲明:帶有!important聲明的屬性具有最高優先級。

2、內聯樣式:在HTML元素的style屬性中指定的樣式具有第二高的優先級。

3、ID選擇器:ID選擇器具有比屬性選擇器更高的優先級。

4、類選擇器、屬性選擇器和偽類選擇器:這些選擇器的優先級相同。

5、元素選擇器和偽元素選擇器:這些選擇器的優先級相同。

6、通配符選擇器和子選擇器:這些選擇器的優先級相同,但通常通配符選擇器不會被使用。

7、相鄰兄弟選擇器和通用兄弟選擇器:這些選擇器的優先級相同。

當兩個樣式規則發生衝突時,優先級較高的規則將覆蓋優先級較低的規則。在優先級相同時,使用就近原則,即找到最後出現的樣式規則。但是,需要注意的是,繼承得來的屬性具有最低的優先級。