A：懸停顏色更改無法正常工作

Question

我的網站上有一堆錨元素，而我正試圖使它們在懸停時具有黑色背景和白色文本。 每個錨標簽都用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 -->

Answer 1

答a:visited是您的罪魁禍首。

它不會被a:hover覆蓋，因為它既被訪問又被懸停，因此需要成為a:visited:hover ，它將在現代瀏覽器中工作，但可能與IE不兼容。

要問的一個問題可能是您是否真的需要“拜訪”的風格？ 用戶真的需要嗎？

Answer 2

我使用了-webkit-text-fill-color而不是color，現在可以了。