,可以通过CSS的:hover伪类来实现。具体步骤如下:
示例代码如下:
HTML:
<ul>
<li class="hover-li">Li元素</li>
<li>其他Li元素</li>
</ul>
CSS:
.hover-li:hover {
background-color: #f00;
color: #fff;
}
.hover-li:hover span {
font-weight: bold;
}
在上述示例中,当鼠标悬停在带有类名"hover-li"的Li元素上时,该Li元素的背景色会变为红色,文字颜色会变为白色。同时,如果Li元素内部有一个span元素,那么在悬停状态下,该span元素的字体会加粗。
这种技术可以应用于各种场景,例如在导航菜单中,当鼠标悬停在某个菜单项上时,保持菜单项的悬停状态,以提高用户体验。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云