我需要在列表 css 内的链接上添加悬停答案

【问题标题】：I need to add hover on a link inside a list css我需要在列表 css 内的链接上添加悬停
【发布时间】：2019-10-18 18:39:45
【问题描述】：

我在 ul li 列表中有一个链接，我正在尝试添加悬停，但它不起作用。有什么想法吗？
HTML：

.info ul a:hover {
  color: black;
}

<div class="info">
  <ul>
    <li>
      <a href="http://www.bay42.io" class="arrow1">
        <p>Learn about our technology<span class="arrow-left"></p></span></a>
    </li>
    <li>
      <a href="http://www.bay42.io/careers" class="arrow1">
        <p>Careers<span class="arrow-right"></p></span></a>
    </li>
  </ul>
</div>

【问题讨论】：

它有效，据我所知
它适用于您提供的代码。可能是您页面上的其他内容破坏了它。
它工作正常。也许你有多个 css 用于同一个 dom。尝试把 !important 像这样的颜色：黑色 !important;看看它是否有效

标签： html css hover

【解决方案1】：

也许你覆盖了这个样式或者你把它放错了顺序？！记住：a:hover 必须在 CSS 定义中的 a:link 和 a:visited 之后才能生效！ a:active 必须在 CSS 定义中的 a:hover 之后才能生效！伪类名不区分大小写。

【讨论】：