LESS:extend生成不正确的CSS

时间:2014-07-05 12:42:41

标签: css less extend

我正在使用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只是搜索和替换的语法糖,但是这个问题没有解决方法吗?

0 个答案:

没有答案