css - 更改所有链接状态相同颜色的 css

Question

我有一个名为“tomato”的跨类。

我的 CSS 是:

.tomato a:link {color:#FF0000;}      /* unvisited link */
.tomato a:visited {color:#FF0000;}  /* visited link */
.tomato a:hover {color:#FF0000;}  /* mouse over link */
.tomato a:active {color:#FF0000;}  /* selected link */ 

有没有办法将所有这些组合成更小的代码？ (我希望链接在所有状态下都是红色的)

Answer 1

这是最短的，我认为你不能比它更短:

.tomato a:link, .tomato a:visited, .tomato a:hover, .tomato a:active { color:#FF0000; }

或

.tomato { a:link, a:visited, a:hover, a:active { color:#FF00000; } }

希望这对您有所帮助。