html - 合并文本颜色和链接颜色的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 .