如何在多个选择器上使用相同的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 Specification，Section 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;
}

Answer 3

除非你没有显示任何其他重要规则，否则没关系：

.ads 
{
color: #f7f7f7;
}

Answer 4

你可以像这样写它，使它更简单/更短。

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

Answer 5

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

Answer 6

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

Answer 7

您也不需要跟踪;（每YUI CSS Min）

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