常見的基於關係的選擇器
選擇器
選擇的元素
a e
元素a的任一後代元素e (後代節點指a的子節點，子節點的子節點，以此類推)
a > e
元素a的任一子元素e(也就是直系後代)
e:first-child
任一是其父母結點的第乙個子節點的元素e
b + e
元素b的任一下乙個兄弟元素e
b ~ e
b元素後面的擁有共同父元素的兄弟元素e
你可以任意組合以表達更複雜的關係。
你還可以使用星號（*）來表示」任意元素「。
一般情況下，如果你提高了某個選擇器的的確定度，你便提高它的優先順序。
使用這個技巧，可以避免為大量標籤指定class或id屬性。css（引擎）會幫你做的。
在複雜設計中速度非常重要，避免使用複雜的依賴元素關係的規則可以使你的樣式更有效率。
更多關於**的例子，見 tables。
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
CSS3學習筆記 關係選擇器
lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle 為div的子元素span設定乙個字型顏色紅色 為div直接包含的span設定乙個字型顏色 子元素選擇器 作用 ...