CSS選擇器優先順序比較

2021-08-28 13:37:38 字數 349 閱讀 7630

css選擇器中比較常見的有標籤選擇器、id選擇器、類選擇器以及子選擇器。而事實上,css選擇器如果細分下來,竟然多達40多種。

那麼當我們在碰到通過多種形式對同乙個元素進行設定樣式時的情況時,如果不進行測試,如何**其最終結果呢?

以下是選擇器的優先規則:

1、!important > id > class > 標籤;

2、!important 比 內聯優先順序高;

3、當同時使用多個同種型別選擇器的時候,樣式以選擇器定義的順序為準,與在標籤內的引用順序無關;

4、當乙個選擇器多次對同一屬性賦予不同值的時候,以最後載入的樣式為準。

css選擇器的優先順序比較

我們都知道css中有三大特性 css的全稱是cascading style sheets,意思是層疊樣式表,這裡的層疊就重點的說了css的特性,如果兩個選擇器為同乙個元素設定了相同的屬性,它們會發生層疊。而層疊的樣式又是由優先順序來決定的。這個優先順序是個很值得 的問題。經過學習,我總結了一些優先順...

選擇器優先順序 CSS選擇器優先順序總結

css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...

CSS 選擇器優先順序

css優先順序包含四個級別 文內選擇器,id選擇器,class選擇器,元素選擇器 以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先順序。css優先順序的計算規則如下 頁面中直接設定style,加1,0,0,0 每個id選擇器 如 id 加0,1,0,0 每個class選擇器 如 c...