CSS3 选择器主要分为以下几类:
(图片来源网络,侵删)1. 基本选择器
1.1 元素选择器
通过 HTML 元素名称来选取元素。
1.2 类选择器
通过元素的 class 属性值来选取元素。
1.3 ID 选择器
通过元素的 id 属性值来选取元素。
1.4 通配符选择器
选取页面中所有元素。
2. 层次选择器
2.1 后代选择器
选取指定元素的所有后代元素。
2.2 子元素选择器
选取指定元素的直接子元素。
2.3 相邻兄弟选择器
选取指定元素的紧邻的下一个兄弟元素。
2.4 通用兄弟选择器
选取指定元素的所有后续兄弟元素。
3. 属性选择器
3.1 属性存在选择器
选取带有指定属性的元素。
3.2 属性值选择器
选取带有指定属性和值的元素。
3.3 属性值包含选择器
选取带有指定属性且其值包含特定字符串的元素。
3.4 属性值开始选择器
选取带有指定属性且其值以特定字符串开头的元素。
3.5 属性值结束选择器
选取带有指定属性且其值以特定字符串结尾的元素。
4. 伪类选择器
4.1 链接伪类选择器
选取链接元素在不同状态下的样式。
4.2 结构伪类选择器
选取文档中特定结构的元素。
4.3 表单伪类选择器
选取表单控件在不同状态下的样式。
5. 结构性伪类选择器
5.1 :firstchild
选取父元素的第一个子元素。
5.2 :lastchild
选取父元素的最后一个子元素。
5.3 :nthchild(n)
选取父元素的第 n 个子元素。
5.4 :nthlastchild(n)
选取父元素的倒数第 n 个子元素。
5.5 :onlychild
选取父元素的唯一子元素。
5.6 :firstoftype
选取同类型元素的第一个。
5.7 :lastoftype
选取同类型的最后一个元素。
5.8 :nthoftype(n)
选取同类型的第 n 个元素。
5.9 :nthlastoftype(n)
选取同类型的倒数第 n 个元素。
5.10 :onlyoftype
选取同类型的唯一元素。
6. UI 状态伪类选择器
6.1 :enabled
选取可用的表单元素。
6.2 :disabled
选取不可用的表单元素。
6.3 :checked
选取被选中的表单元素。
6.4 :default
选取默认的表单元素。
6.5 :indeterminate
选取不确定状态的表单元素。
6.6 :selection
选取用户选定的元素。
7. 表单属性伪类选择器
7.1 :autofill
选取自动填充的表单输入框。
以上是 CSS3 中常见的选择器类型,可以根据实际需求选择使用。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。