css選擇器的優先級

番茄西紅柿發布于2019-04-23 13:27 / 2921人閱讀

摘要：選擇器的優先級表述為個部分，用表示。但是，在內部聲明的選擇器會影響優先級繼承過來的樣式沒有優先級若存在通配選擇器，則被其聲明覆蓋當兩條相互沖突的帶有規則的聲明被應用到相同的元素上時，優先級更高的聲明將會被采用。

選擇器的優先級表述為4個部分，用0,0,0,0表示。

!important--1,0,0,0
行內樣式
ID選擇器--0,1,0,0
類選擇器(例如,.example)、屬性選擇器（例如, [type="radio"]）或偽類（例如, :hover）--0,0,1,0
元素（例如, h1）和偽元素（例如, :before）--0,0,0,1
通配選擇器(*), 關系選擇符(+, >, ~, ) 和否定偽類(:not()) 對優先級沒有影響。（但是，在 :not() 內部聲明的選擇器會影響優先級）--0,0,0,0
繼承過來的樣式沒有優先級,若存在通配選擇器，則被其聲明覆蓋

當兩條相互沖突的帶有 !important 規則的聲明被應用到相同的元素上時，優先級更高的聲明將會被采用。

云服務器 GPU云服務器優先選擇 css選擇 css選擇器基礎選擇器css

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1901.html

重學前端學習筆記（二十二）--選擇器的機制

摘要：優先級第一優先級無連接符號第二優先級空格第三優先級復雜選擇器的連接符號空格表示選中所有符合條件的后代節點。后代表示選中符合條件的子節點。直接后繼表示選中對應列中符合條件的單元格。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【...

acrazing 2019-08-02 16:18 評論0 收藏0
重學前端學習筆記（二十二）--選擇器的機制

摘要：優先級第一優先級無連接符號第二優先級空格第三優先級復雜選擇器的連接符號空格表示選中所有符合條件的后代節點。后代表示選中符合條件的子節點。直接后繼表示選中對應列中符合條件的單元格。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【...

jeffrey_up 2019-08-26 13:52 評論0 收藏0
重學前端學習筆記（二十二）--選擇器的機制

摘要：優先級第一優先級無連接符號第二優先級空格第三優先級復雜選擇器的連接符號空格表示選中所有符合條件的后代節點。后代表示選中符合條件的子節點。直接后繼表示選中對應列中符合條件的單元格。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【...

張漢慶 2019-08-30 10:56 評論0 收藏0
CSS 樣式優先級

摘要：下面我們從這兩方面去看看樣式的優先級。影響的規則是優先規則最近的祖先樣式比其他祖先樣式優先級高。若同時插有，則再利用規則判斷優先級。 CSS 樣式優先級當創建的樣式表越來越復雜時，一個標簽的樣式將會受到越來越多的影響，這種影響可能來自周圍的標簽，也可能來自其自身。下面我們從這兩方面去看看 CSS 樣式的優先級。 CSS 的繼承性 CSS 的繼承特性指的是應用在一個標簽上的那些 CSS...

王晗 2019-08-28 18:19 評論0 收藏0
CSS優先級的及其衡量標準CSS權重

摘要：優先級是由權重來作為衡量標準的，權重的計算有一套計算公式，有如下規范使用一個位數的字串來表示級別，從左到右，左邊的做大，往右依次遞減，且數位之間沒有進制，級別之間不可逾越。定義了一個命令，該命令被賦予最大的優先級。一、背景 CSS有三大特性：層疊性、繼承性、優先級。而我們在給CSS定義樣式的時候，經常出現兩個及以上的規則應用在同一元素上，單該元素最終在瀏覽器呈現的效果是應用的哪個規則呢？這...

ky0ncheng 2019-04-23 13:28 評論0 收藏0