不能悬停以改变文字颜色

Question

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

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

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

但它不适合我。我也试过

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

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

Answer 1

你的形象： http://greenieproducts.com/wp-content/themes/shopperpress/thumbs/greenie-12.png 正在覆盖标签

Answer 2

检查这个

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

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

Answer 3

image位于#newarrival div的前面。要将#newarrival div前置为图像，只需将z-index:1添加到其CSS属性中，并按照Rohit Azad的评论，删除!important ..此处不需要。

#newarrival
{
  /* Your other CSS properties */

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