Css 答：悬停颜色更改无法正常工作

我有一个有很多锚元素的网站，我试图让它们有一个黑色的背景和白色的悬停文本。每个锚标签都用li包裹。有趣的是，只有一些锚元素在悬停时改变了它们的样式，而有些则没有。例如，菜单中的前三个菜单项更改文本颜色，但其余菜单项不更改颜色。背景色适用于每个项目。这是我的代码：

a, a:visited {
color:black;
text-decoration:none;
cursor:pointer;
}

a:hover,
a:hover span{
color:white !important;
background:black;
text-decoration:none;
}

<div id="navblock">
  <ul class="nav fullwidthnav">
     <li> <a href="/collections/newarrivals">NEW ARRIVALS</a></li>
     <li><a href="/collections/house">HOUSE LABELS</a></li>
     <li><a href="/collections/knits">KNITS</a></li>
     <li><a href="/collections/tops">TOPS</a></li>
     <li><a href="/collections/dresses">DRESSES</a></li>
     <li><a href="/collections/bottoms">BOTTOMS</a></li>
     <li><a href="/collections/jackets-coats">OUTERWEAR</a></li>
     <li><a href="/collections/shoes">SHOES</a></li>
 </ul>
  <div class="clearit"></div>
</div><!-- #navblock -->

是你的罪魁祸首

它并没有被：hover覆盖，因为它同时被访问和悬停，所以需要是一个：访问：悬停，它可以在现代浏览器中工作，但可能与IE不兼容

---

要问的一个问题可能是你真的需要一种风格吗？这是用户真正需要的吗？

我使用了-webkit文本填充颜色，而不仅仅是颜色，现在它可以工作了

@Valamas AUS:添加了一些html。一定是什么东西else@ZachSaucier：你知道它可能是什么吗？@JaeeunLee不，因为你给我的代码没有什么可供我使用的na:visted:hover不需要，如果你在a:visted之后放置a:hover，OP也会这样做。