CSS設置鏈接顏色

Question

我需要自定義這樣的東西，我希望link1有顏色為橙色，link2和link3最初有顏色為白色，但點擊后鏈接為橙色，其余為白色，

他們的原始顏色是黑色，所以我使用CSS

.naomi ul li a:link {
  color : #fff !important;
}
.naomi ul li a:hover,  .naomi ul li a:active, {
  color : brown;
 }

HTML是：

<div class="naomi">
  <ul>
    <li ><a class="link1"></a></li>
     here
    <li ><a class="link2"></a></li>
    <li ><a class="link3"></a></li>
  </ul>
</div>

請幫我處理橙色部分。

Answer 1

要為已單擊的鏈接着色，請使用偽類:visited

在您的情況下，因為它不適用於所有鏈接，您需要將其設置為目標類。

注意，這個自定義CSS需要在 Wordpress的CSS 之后加載。 您也可能需要調整規則的特異性以使其與Wordpress匹配，或者作為最后的手段，使用!important

 .naomi { background-color : gray; /* added so we can see the white links */ } .naomi .link1 { color : orange; } .naomi .link2, .naomi .link3 { color : #fff; } .naomi .link2:visited, .naomi .link3:visited { color : orange; } .naomi .link1:hover, .naomi .link2:hover, .naomi .link3:hover, .naomi .link1:active, .naomi .link2:active, .naomi .link3:active { color : brown; } 

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

Answer 2

使用：參觀物業

a:visited {color:orange}