在LESS中使用单个元素的命名空间类

Question

标题措辞不佳，我认为一个例子可以更好地展示我想要做的事情。

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

我想做的一个例子，使用有效的LESS：

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

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

我希望能做的事情是这样的：

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

这可能在LESS吗？

我的优点是我可以这样做：

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

而不是：

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

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