[CSS]CSS3有哪些新增的伪类

最新推荐文章于 2024-07-09 15:35:41 发布

原创最新推荐文章于 2024-07-09 15:35:41 发布 · 538 阅读

0 ·

CC 4.0 BY-SA版权

前端面试题同时被 2 个专栏收录

67 篇文章

订阅专栏

css

28 篇文章

订阅专栏

本文详细介绍了CSS中常见的伪类选择器，包括:first-of-type、:last-of-type、:only-of-type、:nth-of-type(n)等，解析了它们在网页布局中的应用技巧，帮助读者掌握更高级的CSS选择器用法。

要求能写出常用的几个就行了，不用全部写

element:first-of-type: 父元素中第一个element元素

element:last-of-type: 父元素中最后一个element元素

element:only-of-type: 父元素中唯一一个element元素

element: :nth-of-type(n): 父元素中第n个element类型的element

element:nth-last-of-type(n): 父元素中倒数第n个element类型的element


element:only-child: 父元素中只有一个子元素，
					且该子元素为element的element

element:last-child: 父元素中最后一个子元素，
					且该子元素为element的element

element:nth-child(n): 父元素中第n个子元素是element的element

element:nth-last-child(n) 父元素中倒数第n个子元素是element的element


:root 选择文本的根元素

element:empty 没有子元素的element元素

element:enable 选择每个已启动的元素

element:disable 选择每个已禁止的元素

element:chacked 选择每个被选中的元素

element:target 选择当前活动的元素