[分享]css3实现鼠标点击文字变色

 CSS3可以实现鼠标点击文字变色，通过使用伪类选择器 :active ，可以定义元素在鼠标点击时的样式。 在上面的CSS样式中，我们定义了基本样式和 :active 伪类样式。基本样式中，设置了段...

 CSS3可以实现鼠标点击文字变色，通过使用伪类选择器 :active ，可以定义元素在鼠标点击时的样式。

在上面的CSS样式中，我们定义了基本样式和 :active 伪类样式。基本样式中，设置了段落字体大小和颜色，并将光标定义为手形，以表示这是一段可以被点击的内容。

 p {
        font-size: 24px;
        color: #333;
        cursor: pointer;
    } 

在 :active 伪类样式中，我们将字体颜色设置为红色，这样在鼠标点击后，段落中的文字就会变为红色。

 p:active {
        color: red;
    } 

如果你想要更改其他元素的点击样式，只需要将伪类选择器的 :active 换成其他伪类选择器即可。比如，想要在鼠标悬停时改变链接的颜色，可以使用 :hover 伪类选择器。