将css合并为文本颜色和链接颜色

Question

我有一个标准样式，其中文本通常是白色的，链接通常是红色的。但是，在一些菜单中，我会将文本和链接都变成白色。

我有以下HTML：

<div class='mydiv2'> 
    Some text with some <a href="http://google.com">link</a> 
</div> 

和下面的CSS：

.mydiv2 { 
    background-color: green; 
    color: white; 
} 

.mydiv2 a { 
    color: white; 
} 

有什么办法给两个以上的CSS语句合并成一个？

JsFiddle是here。

Answer 1

使用此代码：

.mydiv2, .mydiv2 a { 
    background-color: green; 
    color: white; 
} 

逗号可以让你有一个CSS语句中有多个选择。

编辑：正如在评论中提到的那样，此功能记录在这里：http://www.w3.org/TR/CSS2/selector.html#grouping。