css - ホバーしてテキストの色を変更できない

Question

ページの上部にというタブを作成しました。タブにnewarrivalカーソルを合わせると、テキストが青色になり、人々がリンクであることを認識できるようになります...しかし、なぜ機能しないのかわかりません。私のタブは私のページの上部にあります：www.greenieproducts.com

私が知っていることから、このcssコードは機能するはずです:

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

しかし、それは私にとってはうまくいきません。私も試しました

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

誰かが私を正しい方向に向けてください。どうもありがとうございます

score 2 · Accepted Answer

score 0 · Accepted Answer

画像はdivの前に来ています。#newarrival画像の前面に divを表示するには、その CSS プロパティ#newarrivalに追加z-index:1するだけで、Rohit Azad がコメントしたように!important.. を削除します。ここでは必要ありません。

#newarrival
{
  /* Your other CSS properties */

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

score 0 · Accepted Answer

これをチェックして

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

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

3 に答える 3