CSS - 将多个选择器分组以应用于一个 ID

Question

我们希望为客户设置一个移动样式表 - 由于系统设置的原因，我们只能包含一个样式表。

每个页面都有一个 ID，并且由于网站的设计，我们希望能够以略微不同的方式定位每个页面中的元素。

我知道我们可以通过#home .classname{} 定位类来做到这一点，但想知道是否有任何方法可以将一堆类分组在一个前缀下，而不是单独分组，例如 -

 #home{
  .classname1{}
  .classname2{}
  .classname3{}
 } 

我从来没有读过任何关于这个的东西，只是认为它对我们的案例非常有用并且过去可能已经考虑过？

干杯保罗

Answer 1

您可以使用 Sass 的嵌套样式或 Less .在这种情况下，我建议您使用一个额外的类，树类经常组合在您的 HTML 结构中，例如，当您有类似列的结构时。

<div class="classname1 combinedclass"></div>
<div class="classname2 combinedclass"></div>
<div class="classname2 combinedclass"></div>

CSS

.combinedclass {
    // Styles here
}