HTML CSS clicked 属性

Question

有没有一种方法可以在单击按钮后维护按钮属性。有 hoover 和 active 属性，但是否有“clicked”属性？检查下面的链接:

http://bricbracs.com/hh/

您可以单击执行功能的各种按钮。是否有 CSS 属性显示当前单击了哪个按钮？

这是CSS

.yearsx {
 font-size: 28px;
 letter-spacing: 1;
  }

.yearsx a {
 color: #888;
 text-decoration: none;
}
.yearsx a:hover {
  color: #000;
  text-decoration: underline;
  }
 .yearsx a:active {
  color: #B51E1E;
  text-decoration: none;
  }

.monthsx {
 font-size: 28px;
 font-variant: small-caps;
 letter-spacing: 1;
 }

.monthsx a {
 color: #B593CD;
 text-decoration: none;
 }
.monthsx a:hover {
 color: #B52062;
 text-decoration: underline;
 }
.monthsx a:active {
color: #B5DE1C;
text-decoration: none;
}

这是 HTML

<div id="months"  class="monthsx">
<a href="javascript:void(0);"
 onmouseover=update_1()
 onclick="dostuff()"/ >
 March</a>

 <a href="javascript:void(0);"
 onmouseover=update_2()
 onclick="dostuff()"/ >
 April</a>

 <a href="javascript:void(0);"
   onmouseover=update_3()
   onclick="dostuff()"/ >
   May</a>
 </div>


<div id="years"  class="yearsx">
 <a href="javascript:void(0);"
  onmouseover=update_11()
   onclick="dostuff()"/ >
 1990</a>

<a href="javascript:void(0);"
  onmouseover=update_12()
  onclick="dostuff()"/ >
  1991</a>

<a href="javascript:void(0);"
 onmouseover=update_13()
  onclick="dostuff()"/ >
  1992</a>

</div>

Answer 1

使用 :visited 功能是一种选择。另一个想法是，在 JavaScript 函数中，添加/删除一个 CSS 类，如 selected，它会改变字体颜色。只要确保如果你走 JavaScript/class 路线，你就会从旧元素中删除 selected 类，因为我忘记这样做很多次了