logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 伪类:元素不同的显示状态(:hover, :active)

CSS样式中,通过不同的伪类可以为元素设计不同显示状态。伪类以冒号为前缀,如:hover:active是常用的两种。例如,使用:hover可以设置鼠标悬停时的元素样式,比如给元素添加阴影效果;而使用:active可以为元素的激活状态如点击时设置样式,例如改变背景颜色和阴影。这些样式的具体使用方法可以参考MDN网站文档。在实践中,样式选择器会包含元素的ID或类名,如使用#app:hover#app:active作为选择器,在浏览器中进行测试,会观察到相应的样式变化。