css鼠标点击文字之后,文字变颜色
时间: 2023-08-04 12:13:49 浏览: 129
css 鼠标经过文字变色
可以使用CSS的:hover伪类选择器来实现鼠标指针悬停在元素上时的样式变化。例如,可以使用以下的CSS代码来让鼠标点击的文字变色:
```
/* 未点击时的样式 */
.text {
color: black;
}
/* 点击时的样式 */
.text:hover {
color: red;
}
```
在HTML中,需要为需要添加点击事件的文本元素添加一个类名,例如:
```
<p class="text">点击我变色</p>
```
这样,当鼠标悬停在这个段落元素上时,文字的颜色就会变成红色。
阅读全文