合并文本颜色和链接颜色的CSS

时间:2013-12-14 15:55:10

标签: html css merge

我有一种标准样式,其中文本通常为白色,链接通常为红色。但是,在某些菜单中,我希望文本和链接都是白色的。

我有以下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

1 个答案:

答案 0 :(得分:3)

使用此代码:

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

逗号允许您为CSS语句提供多个选择器。

编辑:如上文评论所述,此功能在此处记录:http://www.w3.org/TR/CSS2/selector.html#grouping