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

Question

我有一个叫做"番茄"的跨越课程.

我的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

实际上最好使用属性选择器。在这种情况下，它将是：

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

或者如果您必须：

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