css3选择器有哪些类型

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

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/652133.html

本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。

(0)
未希新媒体运营
上一篇 2024-05-25 01:07
下一篇 2024-05-25 01:10

相关推荐

  • CSS3伪类选择器nthchild如何精确控制元素样式?

    CSS3的:nthchild伪类选择器用于匹配其父元素中的第n个特定类型的子元素。p:nthchild(2)会选择每个父元素的第二个“标签。注意,计数从1开始。

    2024-09-02
    023
  • css选择器有哪些

    CSS选择器包括:标签选择器、类选择器、ID选择器、属性选择器、伪类选择器和伪元素选择器。标签选择器用于选择HTML文档中的特定标签,类选择器用于选择具有特定类的HTML元素,ID选择器用于选择具有特定ID的HTML元素。

    2024-07-12
    052
  • css选择器类型有哪几种

    CSS选择器类型主要包括:元素选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器、组合选择器和相邻兄弟选择器等。这些选择器可以帮助我们精确地选中页面中的元素,实现更灵活的样式控制。

    2024-07-12
    036
  • css3选择器有哪些

    CSS3选择器包括:标签选择器、类选择器、ID选择器、通配符选择器、属性选择器、子元素选择器、相邻兄弟选择器和伪类选择器等。

    2024-07-08
    039

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

产品购买 QQ咨询 微信咨询 SEO优化
分享本页
返回顶部
云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购 >>点击进入