css選擇器及優先順序演算法

2021-05-24 13:03:03 字數 574 閱讀 6866

css命令在讀取時是按照其優先順序的高低的先後順序來解讀的,當優先順序相同時是按照其css命令寫的先後順序來讀取的,即後面的css覆蓋(前後css屬性設定不同時)或繼承(前後css屬性設定相同或後面未設定該css屬性時)前面的css命令。下面對html中類選擇器、id選擇器、後代選擇器、群組選擇器等,以及選擇器的優先順序的計算總結一下。

1、標籤名選擇器

css:

div  

span

2、類選擇器

html:

類選擇器

css: 

.test

3、id選擇器

html:

id選擇器

css:

#test

4、直接在標籤中加入style

html:

標籤中直接加入style

選擇器的優先順序的計算:

直接加入style的優先順序最高相當於數學計算的千位,用a表示;id選擇器的優先順序次之,用b表示;class類選擇器的優先順序次之,用c表示;標籤名選擇器的優先順序次之,用d表示。

優先順序的計算公式為:優先順序=a*1000+b*100+c*10+d.

CSS選擇器及優先順序

css優先順序的計算公式 通常我們可以將css的優先順序由高到低分為六組 無條件優先的屬性只需要在屬性後面使用 important 它會覆蓋頁面內任何位置定義的元素樣式。當然,ie 6不支援這個屬性,於是它也成為一種hack被很多人所熟知,真正使命被人淡忘。第二高位的優先屬性是在html中給元素標籤...

CSS選擇器及優先順序

css選擇器 css選擇器優先順序 解釋 對一種有標識的內容進行樣式變化 標籤選擇器 對應的標籤檔案所有對應的標籤都會被選擇修飾 選擇器名 標籤 類選擇器 標籤內的屬性 class 值 選擇器名 class 顧名思義,是一類的內容使用同一種樣式 id選擇器 標籤內的屬性 id 值 選擇器名 id i...

css選擇器及優先順序

後代選擇器 div p 選擇div元素裡面的所有p元素 子選擇器 div p 選擇父元素為div的所有p元素 同胞選擇器 div p 選擇所有緊跟在div之後的p元素 組選擇器 div,p 選擇所有的div和p元素 共同選擇器 div.name 選擇所有類名為name的div元素。即同時滿足 此外還...