選擇器 優先順序 計算規則

2021-10-23 12:16:51 字數 395 閱讀 5522

css選擇器分為簡單選擇器,偽元素選擇器和組合選擇器。簡單選擇器又分為標籤選擇器,類選擇器,id選擇器,萬用字元選擇器,屬性選擇器和偽類選擇器。

css中權重最高的樣式為行內樣式,就是以style=「」方式直接加入到html標籤內的樣式,其在css優先順序中具有最高的權重。

其次是id選擇器,id選擇器由於每乙個id在**中只能出現一次,和唯一指向性,具有第二高的權重。

權重處於第三的是類、偽類和屬性選擇器。

權重較低的是標籤選擇器和偽元素選擇器。

css優先順序的計算方式可以用一下公式來解決value=a*1000+b*100+c*10+d,依據value值得大小來確定css的優先順序。其中a表示行內樣式,b表示id選擇器的數量,c表示類、偽類和屬性選擇器的數量,d表示標籤選擇器和偽元素選擇器的數量。

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

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

選擇器,優先順序

內聯式css樣式表就是把css 直接寫在現有的html標籤中,如下面 這裡文字是紅色。盡量不要把css 寫成內部樣式 縮排統一。2.嵌入式css樣式,就是可以把css樣式 寫在標籤之間。3.外部式css樣式 也可稱為外聯式 就是把css 寫乙個單獨的外部檔案中,這個css樣式檔案以 css 注意 1...

選擇器優先順序

css優先順序 是由四個級別和各級別的出現次數決定的。四個級別分別為 行內選擇符 id選擇符 類別選擇符 元素選擇符。優先順序的演算法 每個規則對應乙個初始 四位數 0 0 0 0 若是 行內選擇符,則加1 0 0 0 若是id選擇符,則加0 1 0 0 若是 類選擇符 屬性選擇符 偽類選擇符,則分...