Less 将样式从一个类添加到另一个类，并使用较少的

我有两门不同风格的课。在媒体查询中，我可以将样式从一个类应用到另一个类吗

因此，在下面的CSS中，一个类为的元素是蓝色的，但不是粗体的。对于设置的媒体查询，我也希望它是粗体和2毫秒

.one {
 color: blue;
}

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

试一试

将创建此css：

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

---

可以为颜色使用mixin和变量

@default_color : "#000";
@color : blue;

.font-style(@c: @default_color) {
  color: @c;
  font-weight: bold;
  font-size: 2em;
}

.one {
 color: @color;
}

.two {
  .font-style()
}

@media (max-width:420px) { 
  .one {
    .font-style(@color)
  }
}

---

在上面的演示中，将窗口调整为较小的宽度，您将发现文本正在改变其样式

：extend可以做到这一点。在下面的代码中，如果.class2在媒体查询中，则将应用.class中的样式

.class {
  some rules here 
}

.class2 {
    &:extend(.class);
    ...
}

---

我需要在媒体中应用该规则query@jdln好的，现在检查一下。我需要在不向HTML添加类的情况下执行此操作。原因是我有时想在不同的媒体查询中添加该类，有时想使用JS。如果我可以简单地在媒体查询中扩展类中的样式，这将使我的文档不那么干净。你不必在HTML中添加类。不确定确切的要求，但如果你只需要一些额外的属性，可以使用纯CSS本身来完成。如果您想定义一个类（或mixin）并重用它，那么您可以使用Peter的答案。

.class {
  some rules here 
}

.class2 {
    &:extend(.class);
    ...
}