:hover
:hover 伪类匹配用户将鼠标悬停在其上的元素。
语法
css
selector:hover {
property: value;
}示例
css
/* 匹配悬停的链接 */
a:hover {
color: red;
text-decoration: underline;
}
/* 匹配悬停的按钮 */
button:hover {
background-color: #ddd;
cursor: pointer;
}
/* 匹配悬停的菜单项 */
.menu-item:hover {
background-color: #333;
color: white;
}
/* 匹配悬停的图片 */
img:hover {
transform: scale(1.1);
transition: transform 0.3s;
}