Css 名称空间类在较少的时间内使用单个元素

标题写得不好，我想一个例子可以更好地说明我在做什么

我有一个更少的文件，这实际上是一个CSS文件，我从另一个网站抓取。我想使用这些类，但仅当另一个类也附加到元素时

我想用valid LESS做的一个例子：

.external-style {
  &.foo {
    color: red;
  }
  &.bar{
    color: blue;
  }
}

但是因为可能有超过一万条规则，我不想把这些单独应用于每一条规则

我希望能够做到的是：

.external-style {
  & {
    .foo {
      color: red;
    }
    .bar {
      color: blue;
    }
  }
}

用更少的时间就能做到这一点吗

对我来说，这样做的好处是：

<div class="external-style foo"></div>

与此相反：

<div class="external-style"><div class="foo"></div></div>

---

这在我使用display属性时很重要。

除了执行.external style{&.foo、.foo{some:rule；}}之类的操作之外，我不相信您所要求的是可能的。@Joshburges不确定您编写的内容是否满足了我的要求-我不需要在具有.external style的元素中提供该样式，只有当外部样式应用于同一个元素时，它才需要可用。那么使用默认语法到底不能提供什么呢？你可以有一个类foo，然后另一个类作为.external style{.foo{}}，只要包含元素有.external style，那只会应用在那个场景中。不可能，只要是包含元素就可以看到@joshburges-这正是我试图避免的。就我而言，如果我必须通过使用更多的HTML来实现这一点，那么这是一个缺失的特性。