button:active { color: red; }
这段代码中,大家使用了:active伪类来选中被点击的按钮,然后使用color属性来改变按钮的字体颜色。
当然,这里的button可以替换成其他元素,比如a标签。下面大家通过一个简单的例子来展示如何实现鼠标点击后改变字体颜色:
点击改变字体颜色 p:active { color: red; }这是一个段落
在上面的HTML代码中,大家在head标签中加入了一段CSS代码,使用了:active伪类来选中被点击的段落。当段落被点击后,字体颜色会从默认的黑色变成红色。你可以点击试试看。
总之,使用:active伪类可以很方便地实现鼠标点击后元素样式的改变,从而提升交互体验。