1、子元素選擇器
概念：子元素只能選擇某元素下的子元素，直接後代選擇器。
語法：father > children
栗子：
section下的article
section下的div
section下的article下的div
section下的div
解釋：section的兒子div，孫子div不起作用，兒子article不起作用。
2、相鄰兄弟元素選擇器
概念：選擇緊接在該元素後的元素
語法：element + sibiling
栗子：
section下的div
section下的article
section下的aside
section下的article
section下的div
解釋：選中section下緊跟div後的article元素。
3、通用兄弟元素選擇器
概念：選擇某一元素後面的所有兄弟元素
語法：element ~ sibiling
栗子：
section下的article
div下的article
section下的article
section下的article
解釋：選中section下div後所有article元素，子元素不算，僅僅是相鄰兄弟元素。
4、群組選擇器
概念：將具有相同樣式的選擇器放在一起，用","隔開。
語法：element1,element2,element3...
栗子：
section下的article
section下的aside
section下的div
解釋：選中article，aside，div元素。
CSS3新增基本選擇器
子元素選擇器 相鄰兄弟元素選擇器 通用兄弟元素選擇器 群組選擇器 概念 子元素選擇器只能選擇某元素的子元素 語法格式 父元素 子元素 father children 相容性 ie8 firefox，chrome，safari，opera 例如 效果圖 語法格式 元素 兄弟相鄰元素 element s...
css3 新增的選擇器
1.css3新增的3個屬性選擇器 attribute value eg a src https 選擇其 src 屬性值以 https 開頭的每個 元素。attribute value eg a src pdf 選擇其 src 屬性以 pdf 結尾的所有 元素 所以可以使用css3實現不同檔案給與不同...
CSS3 新增的選擇器
css3新增的三個模組 關係選擇器 e f下乙個滿足條件的兄弟元素節點 e f並列結構下滿足條件的兄弟元素節點 屬性選擇器 偽元素選擇器 效果偽類選擇器 描述 被選中的元素一種狀態 e not s 真實應用於為ul下面的li新增下線，最後乙個不新增。不會出現線重疊 e root e target 被...