1. 選擇器概述:
使用選擇器將樣式與元素直接綁定,css3還可以利用正則表達式實現各種複雜的制定,減少代碼量。
選擇器中常用符號: “^” — 開頭字符 “?” — 結尾字符 “*”—- 包含字符匹配
2. 選擇器的分類:
- 屬性選擇器
- 四種
[attr = val] —— 屬性爲val的
[attr* = val] —— 包含val的屬性,css3新加
[attr^ = val] —— 以val開頭的屬性,css3新加
[attr$ = val] —— 以val結尾的屬性,css3新加 - 結構性僞類選擇器
- 11種
root
not
empty
target
first-child
last-child
nth-child
nth-last-child
nth-of-type
nth-last-of-type
only-child - 狀態僞類選擇器
- 17種
E:hover
E:active
E:focus
E:enabled
E:disabled
E:read-only
E:read-write
E:checked
E:default
E:indeterminate
E:selection
E:invalid
E:valid
E:required
E:optional
E:in-range
E:out-of-range