Css SASS&；LESS-扩展一个分离的类

只是想知道是否存在任何方法可以像示例中那样扩展分离类的前两个，或者是否存在任何其他选项，比如创建特定类

.background{background:red}

并将其用作扩展，而不是单独的类（但我不想在CSS中输出Class.background）

示例：

SASS:

.foo {
  background:red
}
.foo {
  color:red
}
.bar {
  @extend .foo;
}
.foo {
  font-size: 16px
}

.foo {
  background:red
}
.foo {
  color:red
}
.bar {
  &:extend(.foo);
}
.foo {
  font-size: 16px
}

.foo, .bar {
  background: red;
}

.foo, .bar {
  color: red;
}

// No .bar class here

.foo {
  font-size: 16px;
}

更少：

.foo {
  background:red
}
.foo {
  color:red
}
.bar {
  @extend .foo;
}
.foo {
  font-size: 16px
}

.foo {
  background:red
}
.foo {
  color:red
}
.bar {
  &:extend(.foo);
}
.foo {
  font-size: 16px
}

.foo, .bar {
  background: red;
}

.foo, .bar {
  color: red;
}

// No .bar class here

.foo {
  font-size: 16px;
}

CSS中的输出将是：

.foo, .bar {
  background: red;
}

.foo, .bar {
  color: red;
}

.foo, .bar {
  font-size: 16px;
}

但我想这样：

.foo {
  background:red
}
.foo {
  color:red
}
.bar {
  @extend .foo;
}
.foo {
  font-size: 16px
}

.foo {
  background:red
}
.foo {
  color:red
}
.bar {
  &:extend(.foo);
}
.foo {
  font-size: 16px
}

.foo, .bar {
  background: red;
}

.foo, .bar {
  color: red;
}

// No .bar class here

.foo {
  font-size: 16px;
}

---

我该怎么做才能实现这一点呢？

您的继承权已被退回<代码>条形图不扩展

foo

，

foo

扩展

bar

：

减： 产生

CSS:

---

你的继承权倒过来了<代码>条形图不扩展

foo

，

foo

扩展

bar

：

减： 产生

CSS:

---

您能不能也将LESS code中的两个

.bar

声明组合到一个选择器中？@TylerH，是的，但我尽可能地遵循OP的示例。嗨，ZZZBOV，谢谢您的回复！我可能提出了一个错误的问题，但我想要一些不同的东西。在LESS代码中，您将

字体大小

放在类

.foo

中，您的展开规则仅展开类

.bar

（我知道这一点）。但是我想知道，我们是否可以在不加载所有分开的

.bar

的情况下进行扩展，只加载扩展调用之前的两个，而另一个是底部的，不加载扩展。。。希望你能理解我真正想要的：）@JoziBashaj，我第一次理解了你的问题，你不能以你追求的方式去做你想要做的事情，这就是为什么我指出你的继承权是反向的。你建模风格的方式可能是倒退的。请考虑使用MIXIN共享<代码> > Fo< <代码>和>代码> Bar < /C>之间的共同样式。您是否也不能将两个“代码> > Bar < /代码>在您的代码中声明为一个选择器？@ TylerH，是的，但是我正在尽可能接近OP的示例。嗨ZZZBOV，谢谢您的回复！我可能提出了一个错误的问题，但我想要一些不同的东西。在LESS代码中，您将

字体大小

放在类

.foo

中，您的展开规则仅展开类

.bar

（我知道这一点）。但是我想知道，我们是否可以在不加载所有分开的

.bar

的情况下进行扩展，只加载扩展调用之前的两个，而另一个是底部的，不加载扩展。。。希望你能理解我真正想要的：）@JoziBashaj，我第一次理解了你的问题，你不能以你追求的方式去做你想要做的事情，这就是为什么我指出你的继承权是反向的。你建模风格的方式可能是倒退的。考虑使用MIXIN共享<代码> .Fo< <代码>和<代码> .Bar < /代码>之间的常见样式。