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

这是fiddle！

这是代码：

<强> 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
点击css后，在谈到时称为:visited 一个a标记。

如果您的意思是实际设置一个“活动”状态的链接，那么:visited选择器可能会出现“症状”，但绝不是这样做的。

实现这一目标的真正方法是在元素中物理添加一个类，将其标识为活动状态，即<a class="active">并相应地设置特定类的样式（通常使用javascript来完成）

那么，使用javascript如何添加/删除该类？

使用javascript，您可以收听点击事件。每次点击某些内容时，您都会执行以下操作：

从当前的任何元素中删除现有的active类坚持下去。
将其添加到被点击的项目中。

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

使用CSS更改选定的链接颜色？

4 个答案: