使用 SCSS 或 LESS 将所有类样式调用到一个类中答案

【问题标题】：Call all class styles into one class using SCSS or LESS使用 SCSS 或 LESS 将所有类样式调用到一个类中
【发布时间】：2016-07-27 14:41:06
【问题描述】：

这让我很困扰。我想创建一个包含一组特定类的类（如果可能的话）。像这样：

.main_class {
  //Contains multiple class css
  class_one_css
  class_two_css
  class_three_css
}

那么你可以这样称呼它

<input type="text" class="main_class"/>

而不是像这样调用多个类

<input type="text" class="class_one class_two class_three"/>

希望尽快得到答复。谢谢。

【问题讨论】：

在 Sass 中，使用 extend: sass-lang.com/documentation/…

标签： html css sass less

【解决方案1】：

使用 LESS 你可以做到这一点

.main_class {
  //Contains multiple class css
  .class_one_css;
  .class_two_css;
  .class_three_css;
}

在这里试试：http://winless.org/online-less-compiler

【讨论】：

【解决方案2】：

您可以通过使用 LESS.. Sample pen

更少的CSS

.class_one {
    background: #c0c0c0;
  }
.class_two {
    width: 200px;
    height:100px;
    border: 1px solid black;
 }
 .class_three {
    text-align: center;
    padding: 15px;
 }

 .main_class {
    .class_one ();
    .class_two ();
    .class_three ();
 }

HTML

<div class="main_class">
   Your text goes here
</div>

【讨论】：

好一个。谢谢（高五！）