具有属性选择器和子组合子继承的LESS mixin

时间:2019-01-17 09:37:55

标签: css inheritance css-selectors less

我不确定标题是否有意义。这是我第一次接触LESS(实际上是任何CSS预处理程序),并且我试图修改使用它的网站模板。

原始代码具有

.row {
  > *[class*=col-] {
    whatever;
  }
}

所以这样做

#foo {
  .row();
  #bar {
    .col-xs-auto();
  }
}

我希望使用以下CSS:

#foo #bar {
  whatever;
}

但是它不起作用,这很明显,因为原始代码本身并未扩展所有col- *类(原始CSS:.row > *[class*=col-] { whatever; })。

如何使LESS编译器理解我希望#foo #bar.row > *[class*=col-]“继承”?

(FWIW,我使用lessc。)

0 个答案:

没有答案