4

オブジェクトのセットに対してクラス (item1) を定義しました。

クリック/選択したオブジェクト (クラスから) に赤いテキストの色を付け、(クラスから) 他のすべてのオブジェクトを黒いテキストの色にすることは可能ですか?

クラス（item1）を適用するコードは次のとおりです。

        <td>
            <a class="item1" href="/menu2" onclick="">
            Menu1
            </a>
        </td>

        <td>
            <a class="item1" href="/menu2" onclick="">
            Menu2
            </a>
        </td>

cssファイルでこれを行うにはどうすればよいですか?

4

4 に答える 4

6

これがフィドルです！

コードは次のとおりです。

HTML

<td>
            <a class="item1" href="#">
            Menu1
            </a>
        </td>

        <td>
            <a class="item1" href="#">
            Menu2
            </a>
        </td>

JS

$('.item1').click(function(e){
    $('.item1').css("color", "black");
    $(this).css("color", "red");
});
于 2013-02-27T18:02:48.210 に答える
6

クリック/選択したオブジェクト (クラスから) に赤いテキストの色を付けることは可能ですか?

使用している用語のいくつかは、少し明確にする必要があります。

  • クリックするとcssが呼び出されます:active
  • CSSのホバー時に呼び出されます :hover
  • タグ:visitedについて話すときに css をクリックすると呼び出されます。a

実際にリンクを「アクティブ」状態に設定するつもりなら、セレクターでその「症状」が発生する可能性がありますが:visited、決してそれを行う方法ではありません。

これを行う実際の方法は、アクティブとして識別するクラスを要素に物理的に追加することです。つまり<a class="active">、その特定のクラスに応じてスタイルを設定します (通常は、JavaScript を振りかけることで行われます)。

では、javascript を使用して、そのクラスをどのように追加/削除しますか?

JavaScript を使用して、クリック イベントをリッスンします。何かがクリックされるたびに、次のことを行います。

  1. active現在それを保持している要素から既存のクラスを削除します。
  2. クリックされているアイテムに追加します。
于 2013-02-27T17:29:34.510 に答える
4

あなたが探しているかもしれません:visited

a:visited {

color:red;

}
于 2013-02-27T17:25:58.000 に答える
2

ajaxを使用している場合、またはコンテンツを別のフレームにロードしている場合は、javascript（jquery）を使用するのが最適です。

$('a').each(function(){
   $(this).click(function(){
      $('a').removeClass('selected');
      $(this).addClass('selected');
   })
});

あなたのスタイルで：

a, a:hover, a:visited, a:active{
   color:black;
}
a.selected{
   color: red;
}
于 2013-02-27T17:56:53.753 に答える