[分享]css中 hover不是一个伪元素事件

在css中，hover被广泛地使用来为元素定义鼠标悬停时的样式。但是，许多人不知道的是，hover不是一个伪元素事件。

.element:hover{
    background-color: pink;
} 

上面的代码演示了一个常见的例子，当鼠标悬停在一个名为“element”的元素上时，背景颜色会变成粉色。然而，这个效果并不是因为我们使用了伪元素，而是使用了伪类。

伪元素是指在文档树中不存在的虚拟元素，例如before和after。它们可以通过content属性在文档中创建内容。而伪类是指用于选择特定状态的元素，例如hover、active和focus等等。

因此，当我们使用:hover时，我们实际上是在选择元素的一种状态，在这种状态下可以应用特定的样式。但是，这并不意味着我们在使用伪元素。

所以，鼠标悬停over作为一种技术术语，被称为伪类，而不是伪元素。 需要注意的是，虽然伪类和伪元素是不同的概念，但它们都可以被称为伪选择器。

总之，虽然大部分人可能不太在意，但是在撰写代码时应该了解技术术语的正确用法，并使用正确的术语。在这个例子中，我们应该把hover称作伪类而不是伪元素。