使用CSS更改選定的鏈接顏色？

Question

我為一組對象定義了一個類（item1）。

是否可以將紅色文本顏色放入我單擊/選擇的對象（來自類）並將所有其他對象（來自類）放入黑色文本顏色中？

這是我應用類（item1）的代碼：

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

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

我怎么能在css文件中這樣做？

Answer 1

這是小提琴 ！

這是代碼：

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");
});

Answer 2

您可能正在尋找:visited

a:visited {

color:red;

}

Answer 3

是否可以將紅色文本顏色設置為我單擊/選擇的對象（來自類）

好的，你正在使用的一些術語需要一點清晰：

• 點擊css后調用:active
• 在css中:hover稱為:hover
• 點擊在CSS被稱為后:visited談論的是，當a標簽。

如果您的意思是實際設置一個“活動”狀態的鏈接，您可能會遇到“被:visited選擇器”的“症狀”，但絕不是這樣做的方法。

實現這一目標的真正方法是在元素中物理添加一個類，將其標識為活動狀態，即<a class="active">並相應地設置特定類的樣式（通常使用javascript來完成）

那么，使用javascript如何添加/刪除該類？

使用javascript，您可以收聽點擊事件。 每次點擊某些內容時，您都會執行以下操作：

1. 從當前包含它的任何元素中刪除現有的active類。
2. 將其添加到要單擊的項目中。

Answer 4

如果你正在使用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;
}