常用的CSS伪类和伪元素有哪些？

最新推荐文章于 2024-10-25 00:09:52 发布

祈澈菇凉

最新推荐文章于 2024-10-25 00:09:52 发布

阅读量191

点赞数

分类专栏：前端面试题合集文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/qq_36538012/article/details/133945963

版权

前端面试题合集专栏收录该内容

480 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客列举了CSS中一些常见的伪类和伪元素，包括:hover、:nth-child(n)、::first-letter和::before等。这些选择器极大地丰富了CSS的样式设置能力，使得开发者能够更精确地针对不同状态和元素部分应用样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
除了之前提到的:hover、:nth-child(n)、::first-letter和::before之外，还有许多其他常用的CSS伪类和伪元素。以下是一些常见的示例：

常用的CSS伪类（Pseudo-classes）：

:active：选择处于活动（被点击）状态的元素。

:focus：选择当前获取焦点的元素。

:visited：选择已访问过的链接。

:empty：选择不包含任何子元素的空元素。

:disabled：选择被禁用的表单元素。

:checked：选择被选中的复选框或单选按钮元素。
常用的CSS伪元素（Pseudo-elements）：

::after：在元素的内容之后插入生成的内容。

::selection：选择用户选中的文本部分。

::placeholder：选择输入框的占位符文本。

::first-line：选择元素的第一行文本。

::last-child：选择父元素下的最后一个子元素。

::before：在元素的内容之前插入生成的内容。

这只是一小部分常用的CSS伪类和伪元素示例。CSS伪类和伪元素提供了丰富的选择器功能，可以根据不同的需求进行选择和样式化。