使用CSS类前缀作为名称空间

时间:2016-01-31 13:45:43

标签: css less

我正在考虑创建一个LESS样式表,其中我有一个给定的前缀,可用作名称空间。

到目前为止,我已经获得了这个(工作)代码:

.FormAdd { // common prefix to all of its children
  &-buttons { // the real class in HTML is .FormAdd-buttons
    display: block;
    ...
  }

  &-results { // the real class in HTML is .FormAdd-results
    display: inline;
    ...
  }
}

但是我宁愿拥有这段代码(对我来说似乎更漂亮):

.FormAdd {
  buttons { 
    display: block;
    ...
  }

  results {
    display: inline;
    ...
  }
}

这是否有可能在不创建自己的CSS预处理器的情况下实现(最好是在LESS中)?

0 个答案:

没有答案