Css颜色设置混乱

Question

我之前发过但是仍然无效，请帮帮我。 所以原来的颜色是黄色的。我希望它是白色的所以我设置css #fff！important。 悬停很容易变红。但我希望只有1个链接被点击变成紫色。 这意味着，首先，它全部为白色，悬停红色，但我当前选择的只有1个链接（页面）变为紫色。请帮助，我尝试使用访问但所有变成紫色而不是1。

          <div class="naomi">
          <ul>
              <li ><a class="link1" style="color:yellow" href="#1">Link1</a>more text </li>
               <li ><a class="link2" style="color:yellow" href="#2">Link2</a> more text </li>
               <li ><a class="link3" style="color:yellow" href="#3">Link3</a> more text </li>
         </ul>
       </div>

链接中的css

https://jsfiddle.net/csh7nuc1/

Answer 1

您还需要为访问过的链接设置样式：a:visited 看这里的小提琴。 https://jsfiddle.net/csh7nuc1/4/

Answer 2

使用：焦点代替有效和已访问。