当我将鼠标悬停在链接的父级li上方时,为什么链接的颜色不发生变化?

您还需要设置锚的样式,例如:

li:hover, li:hover a {
   background-color: #d21600;
   color: #fff;
}

你的主播有一个更具体的风格定义在其他地方,这是胜利,甚至超过你的 li:hover 规则,因此需要添加更具体的 li:hover a 把它也做成样式。

您还需要将样式添加到 a 中的元素 li 您可以通过简单地执行以下操作来完成:

li:hover, li:hover a {
   background-color: #d21600;
   color: #fff;
}

你知道你发布的确切代码是错误的。那里缺少“>。

<li>
   <a href="http://somecool url.com/">link text</a>
   <span class="sc-track-duration">24.27</span>
</li>