在单个 css 媒体资源上定位多个 ID

Question

我有 4 个容器，每个容器都有自己的 ID，我是否可以将所有 4 个 ID 都定位为具有相同 css 属性而无需多次执行此操作，示例如下：

#Container1{
background-color:red;
font:200;
}

#Container2{
background-color:red;
font:200;
}

#Container3{
background-color:red;
font:200;
}

谁知道也许可以这样做：

#Container1,2,3{
background-color:red;
font:200;
}

或与此类似的任何帮助，我们将不胜感激。

出于某种目的，每个容器都有自己的 ID，不要让我将它们放在 1 个 ID 下。谢谢:)

Answer 1

#Container1,
#Container2,
#Container3 {
   background-color:red;
   font:200;
}

将所有单独的选择器添加为逗号后面的完整选择器。
为了您自己清楚起见，我建议在每个逗号后换行，这样您就不会混淆更复杂的选择器。

Answer 2

正如 Michael Dibbets 回答的那样，您可以使用逗号“,”分隔选择器。但是，如果您出于其他目的必须保留不同的 ID，则可以将一个 CSS class 分配给所有容器（例如 class ="container") 并使用 class 选择器 .container{......}

进行样式设置

Targeting multiple ID on a single css properties