關係選擇器
1. 後代選擇器（e f）
作為元素e的後代的任何元素f。
例如：ol元素中包含的li元素以及li元素中包含的a元素
2. 子選擇器（e> f）
作為e元素的直接子元素的任何元素f。也就是說f不可以被巢狀！
h1 > strong
第乙個h1中的兩個very都會變紅，而第二個不會！
3. 相鄰兄弟選擇器（e +f）
匹配與e具有相同的父元素並為緊挨著e之後的任何元素f
例如：li+li 定位為指定容器中除第乙個li之外所有li元素
4. 一般兄弟選擇器（e ~f）
將匹配與e元素具有相同父元素並且標記中位於e之後的任何元素f
屬性選擇器
其實都是css2中引進的，css3擴充套件了這些屬性選擇器，支援基於模式匹配來定位元素！
1. e[attr]
選擇具有某個屬性的元素，並不在乎屬性的值究竟是多少
a[href][title] //可以進行多個個屬性的選擇
*[title] //將包含title的所有元素變成紅2. e[attr=val]
選擇具有某個特定屬性固定值的元素相匹配，屬性與屬性值必須完全匹配
p.important 和 p[class="important"] 應用到 html 文件時是等價的
3. e[attr|=val]
*[lang|="en"] //將lang值為en和以en為開頭的所有元素標記為紅色
hello!
greetings!
g'day!
bonjour!
jrooana!4. e[attr~=val]//前三個將會被標記
需要根據屬性值中的詞列表的某個詞進行選擇
p[class~="important"] //將類名中包含important的段落標記為紅色5. e[attr^=val]
[title^="def"]//選擇title以def為開頭的所有元素
6. e[attr $=val]
[title^="def"]//選擇title以def為結尾的所有元素
7. e[attr *=val]
[atitle*="def"]//選擇title中包含def子串的所有元素
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
CSS3選擇器 一
e att val 選擇屬性值以val開頭的任何字元 e att val 選擇屬性值以val結尾的任何字元 e att val 選擇屬性值包含val的任何字元 root html層 not 同jquery empty 選擇沒有任何內容的元素 target 匹配文件的url的某個標誌的目標元素 fir...