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

css選擇器有四種，標籤名選擇器，id選擇器，class選擇器，屬性選擇器，其中屬性選擇器權重最低且不常用

兩個選擇器a和b使用,連寫時,表示選擇滿足a或滿足b的元素

#p2,#p3

#list a

#list>li

#p4.c2

#list li:nth-of-type(1)

#list li:nth-of-type(2n+1)

[lh]

[att=val]

id選擇器用#表示
class選擇器使用.表示
class選擇器使用.表示
兩個選擇器使用,連寫
兩個選擇器使用,連寫
兩個選擇器直接連寫.
html標籤的屬性可以實html屬性也可以是自定義屬性
屬性選擇器

當兩個選擇器優先順序一樣時,會選擇靠後的選擇器的樣式（開發中一般不會用到，用處在於匯入外部樣式表後排bug等）,當多個不同的選擇器連用時,優先順序會相加

/* 樣式優先順序權值參考: */

/* !important 10000 */

/* 行內樣式(內聯樣式)(inline style) 1000 */

/* id選擇器 100 */

/* class選擇器 10 */

/* 標籤名選擇器 1 */

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

1 元素選擇器 選擇器是元素，例如 p 2 類 class 選擇器 class屬性名，可有重複，乙個元素可有多個class值，用空格隔開。3 id選擇器 id屬性名，不能有重複名字 4 復合選擇器 交集選擇器 可選中同時滿足多個選擇器的元素，例 div.p3 p3 是類名，交集選擇器的兩個選擇器之間...

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

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

CSS選擇器及優先順序

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