我正在使用Bootstrap开发Rails应用程序,我在HTML中使用了语义类名。这意味着我经常使用extend
。但是,LESS会生成一些不正确的CSS。我不确定这是一个错误还是我做错了什么。
以下是一些重现问题的LESS代码:
@import "bootstrap";
body#home input {
&:extend(.form-control all);
}
我的input
样式设置正确,但会生成以下附加CSS:
textarea.form-control,
textareabody#home input {
height: auto;
}
.form-inline body#home input {
display: inline-block;
width: auto;
vertical-align: middle;
}
我知道发生这种情况是因为extend
只是搜索和替换的语法糖,但是这个问题没有解决方法吗?