我有一种标准样式,其中文本通常为白色,链接通常为红色。但是,在某些菜单中,我希望文本和链接都是白色的。
我有以下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。
答案 0 :(得分:3)
使用此代码:
.mydiv2, .mydiv2 a {
background-color: green;
color: white;
}
逗号允许您为CSS语句提供多个选择器。
编辑:如上文评论所述,此功能在此处记录:http://www.w3.org/TR/CSS2/selector.html#grouping。