云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

css3选择器有哪些类型

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 中常见的选择器类型,可以根据实际需求选择使用。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《css3选择器有哪些类型》
文章链接:https://www.yunzhuji.net/jishujiaocheng/67113.html

评论

  • 验证码