要实现当鼠标放在 li
标签上时让内部的 a
标签变色,你可以使用 CSS 的 :hover
选择器结合后代选择器。下面是一个简单的示例:
假设你的 HTML 结构如下:
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<!-- 更多 li 和 a 标签 -->
</ul>
你可以使用以下 CSS 来实现鼠标悬停在 li
上时 a
标签变色的效果:
li:hover a {
color: red; /* 你可以更改为你想要的任何颜色 */
}
这条 CSS 规则的意思是:当鼠标悬停在 li
元素上时,选择该 li
元素内的所有 a
元素,并将它们的颜色更改为红色。
注意,这种方法假设 a
标签是 li
标签的直接子元素。如果它们之间有更多的嵌套元素,你可能需要调整选择器以正确地选择 a
标签。例如,如果 a
标签被包裹在一个 div
中,那么选择器可能需要更改为 li:hover div a
。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容