概念：子元素選擇器只能選擇某元素的子元素語法格式：父元素 > 子元素 （father > children）
相容性：ie8+、firefox、chrome、safari、opera
概念：相鄰兄弟選擇器可以選擇緊接在另一元素後的元素，而且他們具有乙個相同的父元素語法格式：元素 + 兄弟相鄰元素 （eelement + sibling）
相容性：ie8+、firefox、chrome、safari、opera
概念：選擇某元素後面的所有兄弟元素，而且他們具有乙個相同的父元素語法格式：元素 ~ 後面所有兄弟相鄰元素 （eelement ~ siblings）
相容性：ie8+、firefox、chrome、safari、opera
概念：群組選擇器是將具有相同樣式的元素分組在一起，每個選擇器之間使用逗號「,」隔開語法格式：元素1, 元素2, …, 元素n （eelement1, element2, …, elementn）
相容性：ie6+、firefox、chrome、safari、opera
概念：選擇所有帶有attribute屬性元素相容性：ie8+、firefox、chrome、safari、opera
概念：選擇所有使用attribute="value"的元素相容性：ie8+、firefox、chrome、safari、opera
概念：選擇 attribute 屬性包含單詞 "value" 的元素相容性：ie8+、firefox、chrome、safari、opera
概念：選擇attribute 屬性值包含 "value" 的所有元素相容性：ie8+、firefox、chrome、safari、opera
概念：選擇 attribute 屬性值以 "value" 開頭的所有元素相容性：ie8+、firefox、chrome、safari、opera
概念：選擇attribute 屬性值以 "value" 結尾的所有元素相容性：ie8+、firefox、chrome、safari、opera
概念：選擇 attribute 屬性值為 "value」或以 "value-" 開頭的元素相容性：ie8+、firefox、chrome、safari、opera
:link, :visited
:hover, :active, :focus
:enabled 選擇器匹配每個已啟用的元素（大多用在表單元素上）:disabled 選擇器匹配每個被禁用的元素（大多用在表單元素上）
:checked 選擇器匹配每個已被選中的 input 元素（只用於單選按鈕和核取方塊）
相容性：ie9+、firefox、chrome、safari、opera
概念：選擇屬於其父元素的首個子元素的每個 element 元素相容性：ie8+、firefox、chrome、safari、opera
概念：指定屬於其父元素的最後乙個子元素的 element 元素相容性：ie8+、firefox、chrome、safari、opera
概念：匹配屬於其父元素的第 n 個子元素，不論子元素是哪個都算入，匹配不到element則無效相容性：ie9+、firefox4+、chrome、safari、opera
n是乙個簡單表示式，取值從「0」開始計算。這裡只能是「n」，不能用其他字母代替。
概念：匹配屬於其元素的第 n 個子元素的每個元素，不論元素的型別，從最後乙個子元素開始計數相容性：ie9+、firefox4+、chrome、safari、opera
概念：匹配屬於父元素的特定型別的第 n 個子元素的每個元素相容性：ie9+、firefox4+、chrome、safari、opera
概念：匹配屬於父元素的特定型別的第 n 個子元素的每個元素，從最後乙個子元素開始計數相容性：ie9+、firefox4+、chrome、safari、opera
概念：匹配屬於其父元素的特定型別的首個子元素的每個元素相容性：ie9+、firefox、chrome、safari、opera
概念：匹配屬於其父元素的特定型別的最後乙個子元素的每個元素相容性：ie9+、firefox、chrome、safari、opera
概念：匹配屬於其父元素的唯一子元素的每個元素相容性：ie9+、firefox、chrome、safari、opera
概念：匹配屬於其父元素的特定型別的唯一子元素的每個元素相容性：ie9+、firefox4+、chrome、safari、opera
概念：匹配沒有子元素（包括文字節點）的每個元素相容性：ie9+、firefox、chrome、safari、opera
概念：匹配非指定元素/選擇器的每個元素語法格式：父元素:not(子元素/子選擇器) （father:not(children/selector)）
相容性：ie9+、firefox、chrome、safari、opera
概念：根據 "first-line" 偽元素中的樣式對 element 元素的第一行文字進行格式化說明："first-line" 偽元素只能用於塊級元素
概念：用於向文字的首字母設定特殊樣式說明："first-letter" 偽元素只能用於塊級元素
概念：在元素的內容前面插入新內容說明：常用"content"配合使用
概念：在元素的內容後面插入新內容說明：常用「content」配合使用，多用於清除浮動
清除浮動例子：
.header::after
概念：用於設定在瀏覽器中選中文字後的背景色與前景色相容性：::selection在ie家族中，只有ie9+版本支援，在firefox中需要加上其字首「-moz」
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
常用的CSS3選擇器
css選擇器的作用就是從html頁面中找出特定的某類元素。常用的幾類css選擇器如下表所示。偽選擇器比較特殊，分為偽元素和偽類元素兩種。1.e att value 屬性選擇器 e att value 屬性選擇器是指選擇名稱為e的標記，且該標記定義了att屬性，att屬性值包含字首為value的子字串...