html - 如何在我的案例中更改文本颜色

Question

我有一堆链接，我需要在用户点击它们后将文本颜色更改为红色

我有这样的东西:

<li class="test" ng-repeat="item in items">
  <a href="" ng-click="clickMe()" class="test-li">
    {{item.name}}
  </a>
</li>

目前的风格是这样的

.test-li {
  color: black;
}

我希望我的文本在用户点击后变成红色。

我也是这样的:

.test-li:visited {
    color:red;
}

当我单击该元素时它起作用，但在我单击另一个元素后颜色变回黑色。我觉得这可以简单地在 CSS 中存档而无需设置 ng-class。谁能帮我解决这个问题？非常感谢!

Answer 1

您的链接中没有给出任何目标 url，因此浏览器确实没有办法知道哪些链接已被访问。我认为，如果您向链接中的 href 属性添加一个简单的#test、#test1、#test2 等，您会发现您的 CSS 确实按预期工作。