gpt4 book ai didi

css - 如何仅在 :hover? 上突出显示父 li 文本

转载 作者:行者123 更新时间:2023-11-28 10:23:40 24 4
gpt4 key购买 nike

如何仅在鼠标悬停时突出显示文章?当前,当我将鼠标悬停在文章上时,它还会突出显示所有子元素。是否可以仅突出显示文章

看这里的例子http://jsbin.com/ubunu/2

<style>
li:hover {background:red}
li li:hover {background:yellow}
</style>
</head>
<body>
<p id="hello">Hello World</p>
<ul>
<li>Weblog</li>
<li>Articles
<ul>
<li>How to Beat the Red Sox</li>
<li>Pitching Past the 7th Inning
<ul>
<li>Part I</li>
<li>Part II</li>
</ul>
</li>
<li>Eighty-Five Years Isn't All That Long, Really</li>
</ul>
</li>
<li>About</li>
</ul>

最佳答案

您可能需要在不同浏览器上处理一些定位问题,但您可以将以下内容添加到您的样式中:

li:hover ul { background: white; }
li:hover ul li:hover { background: yellow; }

用您需要的任何十六进制、rgb 或颜色值替换“white”。

关于css - 如何仅在 :hover? 上突出显示父 li 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2883811/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com