-7

重複の可能性：
htmlタグ内でCSSホバーを使用する方法は？ 

<body>
   <div id="he">
      <div id="header">
         <div class="headertabs">
            <ul class="nav">
               <li class="divide">&nbsp;</li>
               <li class="tab"><a href="a.php">OVERVIEW1</a></li>
               <li class="divide">&nbsp;</li>
               <li class="tab"><a href="a.php">OVERVIEW2</a></li>
</body>

overview1タブとoverview2タブにマウスを移動（ホバー）したときにcssを作成するには、テキストの色を緑色に変更する必要があります。

4

5 に答える 5

4

単純に：hover疑似セレクターを使用します。

li.tab a:hover
{
   color: green
}

http://jsfiddle.net/Kyle_/duj2d/

于 2012-09-26T08:45:29.013 に答える
1

開いているファイルからCSSを少し取得しました。これは、それを非常によく説明しているはずです。

これはアンカーの通常のCSSです。

a
{
    color: #006699;
    text-decoration: underline;
}

これは、ホバーしたときに色が変わるビットです。

a:hover
{
    text-decoration: none;
}
于 2012-09-26T08:46:10.257 に答える
0

IEのサポートを改善するために、代わりにホバーを置きます<a>。また、フォーカスの色を変更して、キーボードのみのユーザーがリンクをタブで移動するときに色が変わるようにします。

.tab a:hover, .tab a:focus {
  color: green
}
于 2012-09-26T08:47:07.917 に答える
0

別の方法

li a:hover{
 color:green;
}​
于 2012-09-26T08:52:02.803 に答える
0

少し短い：

    .tab a:hover{color:green}
于 2012-09-26T11:06:45.627 に答える