p:hover { color: red; }
在上面这个例子中,伪类选择器:hover可以实现当用户鼠标悬停在p标签上时,该标签的字体颜色被改为红色的效果。当然,大家可以对其他HTML元素也添加类似的样式,以实现更加多样化的点击效果。
除了:hover,还有一些其他的伪类选择器,如:focus、:visited等。其中,:focus主要适用于表单元素,当用户选择表单元素时,表单元素的样式将会发生变化;而:visited则用于超链接,当用户点击了超链接并访问了该链接后,超链接的样式也会发生相应的改变。
通过使用 CSS 伪类选择器,大家可以非常方便地实现各种实用的效果,激发用户的兴趣和参与感,也让网站更加生动有趣。