如何在多个选择器上使用相同的CSS属性？

Question

请说有一个更简单/更短的方式来编写这个CSS:

.ads h3{
color: #f7f7f7;
}
.ads p{
color: #f7f7f7;
}
.ads blockquote{
color: #f7f7f7;
}

这是一个正确的痛苦,并占用CSS文件中的空间......

Answer 1

您可以通过用逗号分隔它们来分组您希望共享通用规则的选择器.因此,以下内容将起作用:

.ads h3, .ads p, .ads blockquote {
   color: #f7f7f7;
}

请参阅CSS 2.1规范,第5.2.1节.

Answer 2

上帝说:"是的"

"你的祈祷已经回答了我的孩子"

.ads h3, .ads p, .ads blockquote {
    color: #F7F7F7;
}

甚至进一步(如果没有儿童元素也不应该着色):

.ads * {
    color: #F7F7F7;
}

如果您对段落内部的文本也可以使用相同的灰色:

.ads {
    color: #f7f7f7;
}

这将被p,blockquote或h3上设置的任何其他样式覆盖,因此您可能希望进一步:

.ads, .ads * {
    color: #f7f7f7;
}