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