1.css3
關係選擇器
選擇符名稱
版本簡介
e f
包含選擇符
css1
選擇所有被
e元素包含的f元素
e>f
子選擇符
css2
選擇所有作為
e元素的子元素
fe+f
相鄰選擇符
css2
選擇緊貼在
e元素之後f元素
e~f
兄弟選擇符
css3 選擇
e元素所有兄弟元素
p~p(calar:red;}
2.css3
偽類選擇器
4.css3 ui
元素狀態偽類選擇器
5.css3
屬性選擇器
選擇符 版本
簡介e[att]
css2
選擇具有
att屬性的e元素
e[att="val"]
css2
選擇具有
att屬性且屬性值 等於
val的e元素
e[att^~="val"]
css2
選擇具有
att屬性且屬性值為用空格分隔的字詞列表，其中乙個等於
val的e元素
e[att^="val"]
css3
匹配具有
att屬性、且值以
val開頭的
e元素
e[att$="val"]
css3
匹配具有
att屬性、且值以
val結尾的
e元素
e[att*="val"]
css3
匹配具有
att屬性、且值中含有
val的
e元素
e[att|="val"]
css2
選擇具有
att屬性且屬性值為以
val開頭並用連線符
"-"分隔的字串的e元素
6.css3
偽物件選擇器
選擇符 簡介
e:first-letter/e::first-letter
設定物件內的第乙個字元的樣式
e:first-line/e::first-line
設定物件內的第一行樣式
e:before/e::before
設定在物件前
(依據物件樹的邏輯結構
)發生的內容，用來和
content
屬性一起使用
e:after/e::after
設定在物件後
(依據物件樹的邏輯結構
)發生的內容，用來和
content
屬性一起使用
e::selection
設定物件被選擇時的顏色
CSS3 新增選擇器
新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...
css3新增選擇器
1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素，需要選擇有某個屬性的元素，而不論是行為是什麼，可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇，只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素，進一步縮小...
css3新增選擇器
屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性，並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性，並且值當中只要包含完整的value單詞，就會被選擇 4.dom attr value 帶有att...