Css 颜色设置混淆

Question

我之前发过，但是还是不行，请帮帮我。所以原来的颜色是黄色的。我希望它是白色的，所以我设置了 css #fff !important。悬停很容易变红。但我想要唯一的 1 个链接是点击变成紫色。这意味着，起初，它全是白色，悬停是红色，但我目前选择的只有一个链接(页面)变成紫色。请帮忙，我尝试使用 visited 但所有都变成紫色而不是 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

使用 :focus 而不是 active 和 visited。