CSS選擇器的優先順序的相關介紹

2021-10-22 10:14:28 字數 545 閱讀 5492

css選擇器的優先順序

使用不同的選擇器,選中同乙個元素並且設樣式的時候,

這樣樣式就會產生衝突,最終到底採用哪乙個選擇器定義的樣式,由選擇器的優先順序(權重)決定,優先順序高的優先顯示

優先順序規則(權重值)

當選擇器中包含多種選擇器的時候,需要將我們的選擇器的優先順序加在一起進行計算比較,但是注意,選擇器的優先順序不會超過他的最大數量級,如果選擇器的優先順序一樣,則使用靠後的樣式

注意:並集選擇器的優先順序是單獨計算

可以在樣式的後面新增乙個!important,則此時該樣式將會獲得乙個最高的優先順序,將會優先於所有的樣式顯示甚至超過內聯樣式,但是在開發中盡量避免使用

樣式的繼承

​ 利用繼承,可以將一些基本的樣式設定給祖先元素,這樣所有的後代將會被自動繼承這些樣式

偽類的順序

涉及到a的偽類一共有四個:

而這四個選擇器的優先順序是一樣的,不過會有乙個書寫順序(愛恨原則 love hate)

CSS選擇器相關以及CSS選擇器的優先順序

首先,當我們給css中的選擇器設定樣式後,有一些屬性並沒有起作用。通過firebug檢視發現一些屬性被覆蓋了。那麼css的優先順序是如何的呢?在css中,基本選擇器諸如 id選擇器,class類選擇器,還有標籤選擇器。組合使用的時候,又有後代選擇器和群組選擇器。語法 id選擇器 id 文字相關 類選...

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

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

CSS 選擇器的優先順序

css 樣式選擇器分為 4 個等級,a b c d 可以以這四種等級為依據確定 css 選擇器的優先順序。a 為行內樣式 即通過 style 定義 b 為 id 選擇器的數量 c 為 class 類選擇器的數量。d 為型別選擇器 即為標籤 的數量 選擇器特殊性 a,b,c,d 優先順序style 1...