css - 无法悬停更改文本颜色

Question

我在页面顶部创建了一个名为newarrival的选项卡，当您将鼠标悬停在该选项卡上时，我希望文本变为蓝色，以便人们知道它是一个链接……但我就是不明白为什么它不起作用。我的标签位于页面顶部：www.greenieproducts.com

据我所知，这个css代码应该可以工作：

#newarrival a:hover 
{
  color:blue!important;
}

但它不适合我。我也试过

a #newarrival : hover 
{
  color:blue!important;
}

请有人指出我正确的方向。非常感谢您

Answer 1

Your image: http://greenieproducts.com/wp-content/themes/shopperpress/thumbs/greenie-12.png is covering the a tag

Answer 2

check this

#newarrival a
{
  color:#00000 !important;
}

#newarrival a:hover 
{
  color:#F3F3F3 !important;
}

Answer 3

图像出现在div前面。#newarrival要将#newarrivaldiv 放在图像的前面，只需将其添加z-index:1到其 CSS 属性中，正如 Rohit Azad 评论的那样，删除!important.. 此处没有必要。

#newarrival
{
  /* Your other CSS properties */

  z-index:1;  /*Add this property */
}