更改所有链接状态相同的颜色 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

这是shortest，我认为你不能再短于：

.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; } }

希望这会有所帮助。

Answer 2

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

注意，颜色 HEX 也可以缩写。 :)

如果你选择使用 CSS 框架来组织你的 CSS，比如 LESS，它可能比上面的简单得多：

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

Answer 3

实际上最好使用the attribute selector。在这种情况下，它将是：

.tomato a[href]{color:#F00;}

或者如果你必须：

.tomato [href]{color:#F00;}