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

云主机测评网
www.yunzhuji.net

css3伪类选择器有哪些

在CSS3中,伪类选择器是用于选取DOM树之外的元素,或者是不能被常规CSS选择器选取的元素,它们以冒号(:)开头,后面跟着一个或多个标准或者自定义的关键字,以下是一些主要的CSS3伪类选择器:

(图片来源网络,侵删)

1、:firstchild

这个伪类选择器匹配父元素的首个子元素。

2、:lastchild

这个伪类选择器匹配父元素的最后一个子元素。

3、:nthchild(n)

这个伪类选择器匹配父元素的第n个子元素。:nthchild(2)将匹配第二个子元素,:nthchild(odd)将匹配所有的奇数位置的子元素。

4、:firstoftype

这个伪类选择器匹配父元素的首个特定类型的子元素。

5、:lastoftype

这个伪类选择器匹配父元素的最后一个特定类型的子元素。

6、:nthoftype(n)

这个伪类选择器匹配父元素的第n个特定类型的子元素。

7、:onlychild

这个伪类选择器匹配父元素只有一个子元素时的那个子元素。

8、:onlyoftype

这个伪类选择器匹配父元素只有一个特定类型的子元素时的那个子元素。

9、:empty

这个伪类选择器匹配没有子元素的元素。

10、:target

这个伪类选择器匹配当前活动的链接(点击的链接)。

11、:not(selector)

这个伪类选择器匹配不符合括号内选择器条件的元素。

12、:checked

这个伪类选择器匹配被选中的input元素。

13、:enabled

这个伪类选择器匹配启用的表单元素。

14、:disabled

这个伪类选择器匹配禁用的表单元素。

15、:root

这个伪类选择器匹配文档的根元素。

16、:nthlastchild(n)

这个伪类选择器匹配父元素的倒数第n个子元素。

17、:nthlastoftype(n)

这个伪类选择器匹配父元素的倒数第n个特定类型的子元素。

18、:lang(language)

这个伪类选择器匹配指定语言的内容。

19、:right

这个伪类选择器匹配在右对齐的文本。

20、:left

这个伪类选择器匹配在左对齐的文本。

21、:placeholdershown

这个伪类选择器匹配当前显示占位符的输入框。

以上就是CSS3中的主要伪类选择器,它们提供了强大的功能,使我们能够更灵活地控制页面的样式和布局。

FAQs:

Q1: CSS3中的:firstchild和:firstoftype有什么区别?

A1: :firstchild匹配的是父元素的第一个子元素,无论该子元素的类型是什么;而:firstoftype匹配的是父元素的第一个特定类型的子元素,只有当该子元素的类型与指定的类型相匹配时才会被选中。

Q2: CSS3中的:nthchild(n)和:nthoftype(n)有什么不同?

A2: :nthchild(n)匹配的是父元素的第n个子元素,无论该子元素的类型是什么;而:nthoftype(n)匹配的是父元素的第n个特定类型的子元素,只有当该子元素的类型与指定的类型相匹配时才会被选中。

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

评论

  • 验证码