Question

这困扰了我一段时间。我想创建一个包含特定类组的类（如果可以的话）。像这样：

.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"/>

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

Answer 1

使用LESS，你可以做到这一点

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

在此处试试：http://winless.org/online-less-compiler

Answer 2

你可以用LESS实现这个目的。 Sample pen

LESS 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>

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

2 个答案: