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 中常见的选择器类型,可以根据实际需求选择使用。
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/652133.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复