新增選擇器
用法描述
element1~element2
p~u選擇在同乙個父級元素下的p後面的所有的ul
選擇其 src 屬性值以 「https」 開頭的每個a元素
[attribute$=value]
a[src$=」.pdf」]
選擇其 src 屬性以 「.pdf」 結尾的所有a元素
[attribute*=value]
a[src*=」abc」]
選擇其 src 屬性中包含 「abc」 子串的每個 元素
:first-of-type]
p:first-of-type
選擇屬於其父元素的首個p元素的每個p元素(可能會有多個)
:last-of-type
p:last-of-type
選擇屬於其父元素的最後p元素的每個p元素(可能會有多個)
:only-of-type
p:only-of-type
選擇屬於其父元素唯一的p元素的每個p元素(可能會有多個,且表示父元素可以有很多個子元素，而其中只有一種型別的子元素p是唯一的)
:only-child
p:only-child
選擇屬於其父元素的唯一子元素的每個p元素（父元素有且只有乙個子元素，而且必須是p）
:nth-child(n)
p:nth-child(2)
選擇屬於其父元素的第二個子元素是p的每個p元素
:nth-last-child(n)
p:nth-last-child(2)
同上，從最後乙個子元素開始計數
:nth-of-type(n))
p:nth-last-child(2)
選擇屬於其父元素第二個p元素的每個p元素（只選擇所有子元素p中的第二個元素）
:nth-last-of-type(n))
p:nth-last-child(2)
同上，從最後乙個子元素開始計數
:nth-last-child(n)
p:nth-last-of-type(2)
同上，但是從最後乙個子元素開始計數
:last-child
p:last-child
選擇屬於其父元素最後乙個子元素是p每個p元素
:not(selector)
:not(p)
選擇非p元素的每個元素
::selection
::selection
被使用者選取的元素的字型會變成紅色
:target
p:target
突出顯示活動的 html 錨
:enabled
input[type=」text」]:enabled
選擇所有 type=」text」 的被啟用的 input 元素
:disabled
input[type=」text」]:disabled
選擇所有 type=」text」 的被禁用的 input 元素
—- 最後給出w3c中的選擇器參考手冊
css3新增選擇器
1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素，需要選擇有某個屬性的元素，而不論是行為是什麼，可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇，只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素，進一步縮小...
css3新增選擇器
屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性，並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性，並且值當中只要包含完整的value單詞，就會被選擇 4.dom attr value 帶有att...
CSS3新增選擇器
一 層級選擇器 1.e f子選擇器 選擇匹配的f元素，且匹配的f元素所匹配的e元素的子元素 2.e f相鄰兄弟選擇器 選擇匹配的f元素，且匹配的f元素緊位於匹配的e元素的後面 3.e f通用選擇器 選擇匹配的f元素，且位於匹配的e元素後的所有匹配的f元素 二 屬性選擇器 1.e attr 只使用屬性...