css3 之前的基本選擇器：
萬用字元選擇器、元素選擇器、類選擇器、id選擇器、後代選擇器。
css3 新增基本選擇器：
子元素選擇器、相鄰兄弟元素選擇器、通用兄弟選擇器、群組選擇器
子元素選擇器- 只能選擇某元素的子元素(不包含所有後代，至選擇下一代)
父元素 > 子元素
相鄰兄弟元素選擇器- 可以選擇在乙個元素後的元素，而且它們具有乙個相同的父元素
元素 + 兄弟元素
通用兄弟選擇器- 選擇某個元素後面的所有兄弟元素，他們具有乙個相同的父元素
元素 ～ 後面的所有兄弟元素
群組選擇器- 多個選擇器放一起，使用同一樣式
元素1，元素2，元素3
屬性選擇器
可以指定元素的某個屬性，或者可以同時指定元素的某個屬性和其對應的屬性值。
- 元素【屬性】
attribute
attribute
attribute
屬性包含某個值的所有元素
- 元素【屬性^="值"】
屬性值，以「值」 開頭的所有元素
- 元素【屬性$="值"】
屬性值，以「值」 結尾的所有元素
- 元素【屬性*="值"】
屬性值，包含字串「值」 的所有元素
- 元素【屬性|="值"】
屬性值，以「值」的所有元素 或者「值-」開頭的所有元素
動態偽類選擇器
這些偽類，並不存在於html 中，只有當使用者和**互動時，才能體現出來。
錨點偽類:link , :visited.
使用者行為偽類:hover , :active , :focus ,
ui 元素狀態偽類
「:enabled」 , 「:disabled」 , 「:checked」
結構類選擇器（ :nth 選擇器）
選擇方法：
:first-child, :last-child, :nth-child, :nth-last-child, nth-of-type, :nth-last-of-type,
:first-of-type, :last-of-type, :only-child, :only-of-type, :empty.
- element:first-child
選擇屬於其父元素的首個子元素的每個element元素
- element:nth-child(n)
選擇屬於父元素的第n個子元素
- element:nth-child(2n)
選擇屬於父元素的第偶數個子元素
- element:nth-child(2n+1)
選擇屬於父元素的第奇數個子元素
同理，括號中可以是3n,4n,3n+1,3n-1,...(自變數是n就行)
- element:nth-child(odd)
選擇屬於父元素的第奇數個子元素
- element:nth-child(even)
選擇屬於父元素的第偶數個子元素
- element:nth-last-child(n)
選擇屬於父元素的倒數第n個子元素
- element:nth-of-type(n)
選擇屬於父元素的特定型別的（所有）第n個子元素
- element:only-child
選擇屬於父元素的唯一的子元素的所有元素
- element:only-of-type
選擇屬於父元素的特定型別的且唯一的子元素的所有元素
- element:empty
選擇沒有子元素的所有對應element元素
否定選擇器
父元素:not(element/selector) 選擇匹配父元素中非指定元素／選擇器的每個元素
first
second
third
fourth
fifth
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
CSS3新增基本選擇器
子元素選擇器 相鄰兄弟元素選擇器 通用兄弟元素選擇器 群組選擇器 概念 子元素選擇器只能選擇某元素的子元素 語法格式 父元素 子元素 father children 相容性 ie8 firefox，chrome，safari，opera 例如 效果圖 語法格式 元素 兄弟相鄰元素 element s...