Html 如何在已设置为其他颜色的情况下更改列表中处于活动状态的锚定标记的颜色？

我已经在CSS文件中将列表中锚定标记的文本颜色设置为黑色。现在我想将列表项声明为活动项并更改其文本颜色，但它不起作用。救命啊

以下是预设颜色：

#already-set li a
{
    font: normal 14px Arial;
    border-top: 1px solid #ccc;
    display: block;

    color: black;

    text-decoration: none;
    line-height:26px;
    padding-left:5px;            
}

下面是更改活动列表项颜色的代码：

a#active
{
    background-color: #d11250;

    color: white;

    font-weight:bold;   
}

这是我的HTML：

<ul id="already-set">                               
  <li><a href="#" id="active"> List Item </a></li>
</ul>

将

a#active

更改为

a:active

这将解决您的问题。

将

a#active

更改为

a:active

这将解决您的问题。

您对

a:active

感到困惑

请检查此，这将使其更加清晰。我添加了jQuery以在单击时动态更改活动元素

$（函数（）{
$（“a”）。单击（函数（）{
//从所有类中删除类
$（“a”）.removeClass（“活动”）；
//将类添加到我们单击的类
$（此）.addClass（“活动”）；
});
});
#已设置li a{
字体：普通14px Arial；
边框顶部：1px实心#ccc；
显示：块；
颜色：黑色；
文字装饰：无；
线高：26px；
左侧填充：5px；
}
a、 活跃的{
背景色：#d11250；
颜色：白色；
字体大小：粗体；
}








您对
a:active
感到困惑

请检查此，这将使其更加清晰。我添加了jQuery以在单击时动态更改活动元素


$（函数（）{
$（“a”）。单击（函数（）{
//从所有类中删除类
$（“a”）.removeClass（“活动”）；
//将类添加到我们单击的类
$（此）.addClass（“活动”）；
});
});
#已设置li a{
字体：普通14px Arial；
边框顶部：1px实心#ccc；
显示：块；
颜色：黑色；
文字装饰：无；
线高：26px；
左侧填充：5px；
}
a、 活跃的{
背景色：#d11250；
颜色：白色；
字体大小：粗体；
}








不幸的是，这不起作用！当更改时，它将停用我对列表所做的任何更改#活动{color:white；}不幸的是，这不起作用！当更改时，它将停用我对列表所做的任何更改#活动{color:white；}我没在跟踪你！你能说得更具体点吗？！编辑了我的答案，请检查这是否解决了您的问题。@Thanos-谢谢！这是一个广泛的答案，但我的问题是关于其他东西！如您所见，当您选择列表项时，背景会改变，但文本颜色不会改变。如何在不更改预设颜色（黑色）的情况下将文本颜色更改为白色？@Cyrus您需要更改列表字体颜色而不是链接颜色，请检查我的新设置edit@Thanos-是的，就是这样！它解决了问题：）你是一个亲爱的！我没有跟着你！你能说得更具体点吗？！编辑了我的答案，请检查这是否解决了您的问题。@Thanos-谢谢！这是一个广泛的答案，但我的问题是关于其他东西！如您所见，当您选择列表项时，背景会改变，但文本颜色不会改变。如何在不更改预设颜色（黑色）的情况下将文本颜色更改为白色？@Cyrus您需要更改列表字体颜色而不是链接颜色，请检查我的新设置edit@Thanos-是的，就是这样！它解决了问题：）你是一个亲爱的！