鼠标悬停在文字上文字颜色变化的效果怎么实现?

第二步是关键,即编写CSS代码。你需要选中刚才的p标签,并添加:hover属性。在这个属性块中,你可以设置color属性为红色,同时也能调整font-size为60px等样式。这样,当鼠标移入p标签区域时,浏览器就会应用这些新样式。

评论 (2)

其实核心就是那个:hover伪类,把默认样式和悬停样式分开写就行。不过要注意,如果父元素有pointer-events: none或者display: none,这个效果可能不会触发,排查问题时可以留意下这些细节。

关键确实是:hover伪类,不过实际开发中建议用transition做平滑过渡,直接变色会显得有点生硬。