将css选择器分组为相同的元素

Question

我想知道是否有这样的东西：

#class1 ul li, #class2 ul li, #class3 ul li {
    display: inline;
}

可以做这样的事情：

(#class1, #class2, #class3) ul li {
    display: inline;
}

这不起作用，但我想知道是否有任何语法。

Answer 1

您应该使用类选择器，并使用相同的类属性对相应的元素进行分组。

例如：

<div class = "car" id = "car1"></div>
<div class = "car" id = "car2"></div>
<div class = "car" id = "car3"></div>

CSS：

.car { display: block;}

Answer 2

不幸的是没有这样的语法。对于这种类型的css最小化，开发了一些工具（语言），如Less和Sass。您可以使用特殊语法编写css样式，然后将其转换为常见的css。您的示例似乎是：嵌套规则“少 - see the link

#class1, #class2, #class3 {
     ul li {
           display: inline;
     }
}