html - 如何将两个相同的 css 选择器合并为一个？

Question

css文件中有两个相同的css选择器。

div.left  {
    margin:0 auto;
    float:left;
    width:300px;
    height:200px;
    border:2px solid black; }
div.right  {
    margin:0 auto;
    float:left;
    width:300px;
    height:200px;
    border:2px solid black; }

我发现 div.left div.right 不能组合成一个 css 选择器。

div.left  div.right{
    margin:0 auto;
    float:left;
    width:300px;
    height:200px;
    border:2px solid black; }

如何使我的 css 文件变得简单？

Answer 1

只需用逗号分隔选择器，如下所示:

div.left,
div.right {
    margin:0 auto;
    float:left;
    width:300px;
    height:200px;
    border:2px solid black;
}

现在样式将应用于两个选择器