通用*e
e#id
e.class
e.class1.class2
關係選擇符
e f 後代
e > f 子
e + f 相鄰 ×
e ~ f 兄弟 ×
與相鄰選擇符不同的是，兄弟選擇符會命中所有符合條件的兄弟元素，而不強制是緊鄰的元素。
屬性選擇符
e[attr]
e[attr="a"]
e[attr~="a"] class="b a" "a" [空格分隔、等於a的]
e[attr^="a"] class="abc" [以a開頭的]
e[attr$="a"] class="bca" [以a結尾的]
e[attr*="a"] class="bac" [包含有a的]
e[attr|="a"] class="a-b" "a" [以a-開頭的]
偽類選擇符
e:link visited hover active [l v h a]
e:focus
e:not(selector)
e:root [html]
e:empty
e:enabled disabled
e:checked [用於input type為radio與checkbox時]
e:target [選取當前活動的目標元素]
e:only-child
e:first-child last-child
e:nth-child(1 / 2n) nth-last-child(n)
都應用於子元素，從1計數，最高body子元素，[第n個元素，且其必為e]
e:only-of-type
e:first-of-type last-of-type
e:nth-of-type(1 / 2n) nth-last-of-type(n)
都應用於子元素，從1計數，最高body，[第n個e元素]
偽物件選擇符
e::before after
e::first-letter [塊級（雜誌）]
e::first-line [塊級]
e::placeholder [表單輸入框佔位符外觀][-webkit- -ms- -moz-]
e::selection [物件被選擇時的樣式background-color、color、text-shadow][-moz-]
CSS選擇符總結
1 型別選擇器 h1，p等 2 類選擇器 classname 3 id選擇器 idname 4 萬用字元選擇器 表示選擇所有元素 5 屬性選擇器 foo bar 特殊的還有 src 選擇所有定義了 src 屬性的元素 abc def 選擇 abc 屬性值以 def 開頭的所有元素 abc def 選...
css選擇符總結
子選擇符 div li 只選擇乙個div元素的直接後代 後面的不同子類元素不再被選擇 而且必須是子代，後代不可以 相鄰同輩選擇符 h2 p 可以選擇與h2相鄰的同輩元素p 如果不同輩或者不相鄰將都無法選擇 是 和 結合在一起的結果 h2 p 可以選擇h2元素後面的所有p 元素名 屬性名 例如 a t...
CSS選擇符 屬性選擇符
使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名，放在方括號裡 title css不限制屬性選擇符只能使用標籤名，也可以使用類。例如 photo title 用於選取類為photo，而且設定了ti...