CSS選擇器及優先順序

2021-08-21 20:56:15 字數 674 閱讀 8721

css選擇器

css選擇器優先順序

解釋:對一種有標識的內容進行樣式變化

標籤選擇器:    對應的標籤檔案所有對應的標籤都會被選擇修飾    選擇器名:標籤  

類選擇器:        標籤內的屬性:class="值"  選擇器名: '.class'  ,顧名思義,是一類的內容使用同一種樣式

id選擇器:       標籤內的屬性:id='值' 選擇器名:'#id'  id保持唯一性,意思是乙個id不應該重複使用

屬性選擇器:  [屬性] 選擇帶有制定屬性的標籤進行修飾   選擇器名:[屬性]

屬性值選擇器:   [屬性=值] 選擇帶有指定屬性和屬性值的標籤進行修飾  選擇器名:[屬性=值]

等等

body 

font

.font_1

font

#f [type=text]

p[align]

font:nth-child(even)

上面的**格式都是正確的,css選擇器就可以完成分類使用樣式。這樣就可以批量的處理頁面的樣式

在不同種選擇器中新增相同的屬性就會發生衝突,到底應該聽誰的? 這時候選擇器優先順序的作用就體現出來了。

選擇器的優先順序為:

id選擇器 > class選擇器 > 標籤選擇器

CSS選擇器及優先順序

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

css選擇器及優先順序

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

CSS選擇器及選擇器優先順序

css選擇器有四種,標籤名選擇器,id選擇器,class選擇器,屬性選擇器,其中屬性選擇器權重最低且不常用 兩個選擇器a和b使用,連寫時,表示選擇滿足a或滿足b的元素 p2,p3兩個選擇器a和b使用空格連線時,表示選擇滿足a選擇器的元素內部的滿足b選擇器的元素 list a選擇器a和b使用 連寫時,...