例如,大家有一个链接需要在鼠标悬停时变色。大家可以这样编写CSS:
a:hover { color: red; }
这里,大家使用了:hover选择器来选择链接在鼠标悬停时的状态。然后,大家将链接的文本颜色设置为红色。
类似的,大家也可以在鼠标悬停时改变其他元素的样式,比如一个按钮:
button:hover { background-color: blue; color: white; }
这里,大家使用了:hover选择器来选择按钮在鼠标悬停时的状态。然后,大家将按钮的背景颜色设置为蓝色,将文本颜色设置为白色。
总之,通过使用:hover选择器,大家可以实现各种鼠标悬停效果,从而提升页面的交互性和用户体验。