Css 如何在较少的时间内将样式应用于所有组

我有这样的风格：

.one{
   background-color: black;
}
.two{
   background-color: black;
}
.three{
   background-color: black;
}

我能不能让它变成这样：

{
    background-color:black;
    .one {

    }
    .two {

    }
    .three{

    }
}

用更少的钱

我不想使用一个类，然后将它们一个接一个地放在一、二、三类中

你可以这样做：

.one, .two, .three {
background-color: black;
}

这是将所有类包含在一起并应用属性的最简单方法

.two{
   background-color:grey;
}

这将覆盖上一个，因此现在两个将为灰色。

---

希望有帮助

使用.one、.two、.three{background color:black}有什么问题？那么每次我添加更多，我都必须添加到2个部分，一个用于共享的部分，另一个用于自定义的部分，想象一下，如果我有数百个，我的代码会有多混乱如果这有帮助的话，你可以将这些类中的每一个放在不同的行上，但除此之外，我看不出你的建议如何更干净？进一步考虑一下，你所建议的缺陷是，想象一下，有数百种样式都被称为styleXXX，其中XXX是该选择器的编号（为了解释），而你想在前一百种样式上应用黑色背景。你的建议很合适，但是如果你现在想用红色文本表示style50-style150呢。然后你想在style75到style110之间加上一个上边距。这会变得非常混乱，并且会使样式表完全不可读。嗯，我希望它能更简单一些，因为如果我有很多类，那么在代码上会很混乱

.two{
   background-color:grey;
}