html - 将鼠标悬停在其中的标签上时如何更改 元素符号图标？

Question

在我的 <ul>列表我有几个<li>与 <a>标签。

我想在悬停在 <a> 上时更改 li 元素符号图标的颜色标记(我的意思是 <li> 旁边的元素符号)

我试过了

a:hover {
    color:red;
}

但它不影响 <li>元素符号图标。

我也试过

ul li:hover{
    color:red;
}

但它不能很好地工作，因为当鼠标移动到靠近 <a> 时标签而不是它 <li>子弹开始变色。

Answer 1

您的代码实际上对我有用。

<ul>
  <li>
    <a href="#">A</a>
  </li>
  <li>
    <a href="#">B</a>
  </li>
  <li>
    <a href="#">C</a>
  </li>
</ul>

CSS:

ul li:hover{
  color:red;
}

fiddle :https://jsfiddle.net/tox9je8n/