0 
<div id='cssmenu'>
 <ul>
    <li class='active '><a href='index.html'><span>Home</span></a></li>

   <li><a href='#'><span>About</span></a></li>
      <li class='has-sub '><a href='#'><span>Contact Us</span></a>
      <ul>
         <li><a href='#'><span>Contact 1</span></a></li>
         <li><a href='#'><span>Contact 2</span></a></li>
      </ul>
   </li>
</ul>
</div>

カーソルで触れなかった場合と"HOME"同じよう"ABOUT"に、これを非アクティブのままにしておきます。"CONTACT US"

カーソルがメニューに正確に移動した後、それらのそれぞれがアクティブになり、青に変わります。

助けてください :)
ありがとうございます。

4

2 に答える 2

0

<a>タグには 3 つのセレクターがあります。

a:link    {}
a:visited {}
a:active  {}

それらをすべて同じスタイルにし、ホバーa:hoverすると異なるスタイルにすることができます。w3schools で例を試してください。

:linkセレクターは、未訪問のリンクを選択するために使用されます。セレクターは、:visited訪問したリンクを選択するために使用されます。クリックするとリンクになりactiveます。セレクターは、:hoverマウスを要素の上に置いたときに要素を選択するために使用されます。<a>また、タグだけではありません。

jsfiddleを見てください。

于 2012-09-13T07:22:35.647 に答える
0

使用する必要があるすべてのクラス

a {
   //any styles
     color:gray;
  }
a:hover
  {
   //any styles
     color:blue;
  }
a:visited
  {
   //any styles
  }

例：

アクティブ {

  }

アクティブ a:hover { } アクティブ a:visited { }

于 2012-09-13T07:25:44.300 に答える