CSS 中的伪类和伪元素是两个不同的概念,它们都可以用来为元素添加一些特殊的样式或效果。
-
伪类(Pseudo-classes):
- 伪类是 CSS 中用于选择元素在特定状态下的关键字,常见的伪类有
:hover
、:active
、:focus
、:checked
等。 - 伪类通过
:
冒号来表示,通常放在选择器的最后面,用于选择处于某种状态的元素。 - 伪类是对元素状态的描述,不能通过 JavaScript 来获取其状态。
- 伪类是 CSS 中用于选择元素在特定状态下的关键字,常见的伪类有
-
伪元素(Pseudo-elements):
- 伪元素是 CSS 中用于创建一些不在文档树中的虚拟元素,常见的伪元素有
::before
、::after
、::first-letter
、::first-line
等。 - 伪元素通过
::
双冒号来表示,通常放在选择器的最后面,用于向元素添加一些特殊的样式或内容。 - 伪元素是对元素内容的描述,不能通过 JavaScript 获取其内容。
- 伪元素是 CSS 中用于创建一些不在文档树中的虚拟元素,常见的伪元素有
总的来说,伪类是用于选择处于某种状态的元素,而伪元素则是用于向元素添加一些特殊的样式或内容。两者都是通过 CSS 来实现的,可以为网页带来更加丰富的样式和交互效果。