我正在考虑创建一个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中)?