less - 使用 LESS 将一个类的样式添加到另一个类

Question

我有 2 个不同风格的类(class)。在使用 LESS 的媒体查询中，我可以将一个类的样式应用到另一个类吗？

所以在下面的 CSS 中，一个类为 .one 的元素是蓝色的，但不是粗体。对于设置的媒体查询，我也希望它是粗体和 2ems。

.one {
 color: blue;
}

.two {
 font-weight: bold;
 font-size: 2em;
}

Answer 1

尝试

.one {
 color: blue;
}

.two {
 font-weight: bold;
 font-size: 2em;
}
@media screen {
   .one{
       .one;
       .two;
   }
}

将创建这个 css:

.one {
  color: blue;
}
.two {
  font-weight: bold;
  font-size: 2em;
}
@media screen {
  .one {
    color: blue;
    font-weight: bold;
    font-size: 2em;
  }
}