hover在css中的用法

这就是坑：过度使用hover可能导致页面混乱。

别信：hover在触摸屏上无效果，不要依赖它来提升触摸体验。

别这么干：不要在hover样式中使用高耗能属性，如filter，影响页面流畅度。

CSS 动态伪类属性探索：hover，active 和 focus

1 . hover：鼠标悬停，比如链接变红，常用于交互提示。
2 . active：鼠标按下，如按钮按下去变黄，模拟按压感。
3 . focus：键盘聚焦，如输入框变绿边框，增强表单交互。
4 . 结合：如button:hover:active，做复杂交互效果。
5 . 注意：移动端触摸事件兼容。

CSS伪类选择器入门：hover和active的区别

对，就是这俩伪类。
hover是鼠标悬停，active是点击。
简单说：
hover：鼠标放上去，比如按钮变色。
active：鼠标点下去，比如按钮变暗。

用场景：
hover：比如导航菜单，鼠标悬停展开下拉。
active：比如提交按钮，点下去变色确认。

注意：
hover：手机可能不支持，别放关键信息。
active：只持续点下的那一刻。

一起用：LVHA顺序，加动画，交互更流畅。

总结：用对这俩，页面交互更人性化，用户知道自己在干嘛。