建站
咨詢
售后
建站咨詢
新聞中心
CSS3 選擇器主要分為以下幾類：
1. 基本選擇器
1.1 元素選擇器
通過(guò) HTML 元素名稱來(lái)選取元素。
1.2 類選擇器
通過(guò)元素的 class 屬性值來(lái)選取元素。
1.3 ID 選擇器
通過(guò)元素的 id 屬性值來(lái)選取元素。
1.4 通配符選擇器
選取頁(yè)面中所有元素。
2. 層次選擇器
2.1 后代選擇器
選取指定元素的所有后代元素。
2.2 子元素選擇器
選取指定元素的直接子元素。
2.3 相鄰兄弟選擇器
選取指定元素的緊鄰的下一個(gè)兄弟元素。
2.4 通用兄弟選擇器
選取指定元素的所有后續(xù)兄弟元素。
3. 屬性選擇器
3.1 屬性存在選擇器
選取帶有指定屬性的元素。
3.2 屬性值選擇器
選取帶有指定屬性和值的元素。
3.3 屬性值包含選擇器
選取帶有指定屬性且其值包含特定字符串的元素。
3.4 屬性值開(kāi)始選擇器
選取帶有指定屬性且其值以特定字符串開(kāi)頭的元素。
3.5 屬性值結(jié)束選擇器
選取帶有指定屬性且其值以特定字符串結(jié)尾的元素。
4. 偽類選擇器
4.1 鏈接偽類選擇器
選取鏈接元素在不同狀態(tài)下的樣式。
4.2 結(jié)構(gòu)偽類選擇器
選取文檔中特定結(jié)構(gòu)的元素。
4.3 表單偽類選擇器
選取表單控件在不同狀態(tài)下的樣式。
5. 結(jié)構(gòu)性偽類選擇器
5.1 :firstchild
選取父元素的第一個(gè)子元素。
5.2 :lastchild
選取父元素的最后一個(gè)子元素。
5.3 :nthchild(n)
選取父元素的第 n 個(gè)子元素。
5.4 :nthlastchild(n)
選取父元素的倒數(shù)第 n 個(gè)子元素。
5.5 :onlychild
選取父元素的唯一子元素。
5.6 :firstoftype
選取同類型元素的第一個(gè)。
5.7 :lastoftype
選取同類型的最后一個(gè)元素。
5.8 :nthoftype(n)
選取同類型的第 n 個(gè)元素。
5.9 :nthlastoftype(n)
選取同類型的倒數(shù)第 n 個(gè)元素。
5.10 :onlyoftype
選取同類型的唯一元素。
6. UI 狀態(tài)偽類選擇器
6.1 :enabled
選取可用的表單元素。
6.2 :disabled
選取不可用的表單元素。
6.3 :checked
選取被選中的表單元素。
6.4 :default
選取默認(rèn)的表單元素。
6.5 :indeterminate
選取不確定狀態(tài)的表單元素。
6.6 :selection
選取用戶選定的元素。
7. 表單屬性偽類選擇器
7.1 :autofill
選取自動(dòng)填充的表單輸入框。
以上是 CSS3 中常見(jiàn)的選擇器類型，可以根據(jù)實(shí)際需求選擇使用。
本文標(biāo)題：css3選擇器有哪些類型
新聞來(lái)源：http://m.fisionsoft.com.cn/article/dhdhdcd.html
