Css 推特引导扩展不工作

我正在运行一个rails应用程序，并安装了twitter引导rails gem（v2.2.8）。我正在尝试使用extend方法，但遇到问题：

home/index.html.erb:

<p class="text-error" >TEST 1</p>
<p class="test" >TEST 2</p>

/*
  =require twitter-bootstrap-static/bootstrap

  Use Font Awesome icons (default)
  To use Glyphicons sprites instead of Font Awesome, replace with "require twitter-bootstrap-static/sprites"
  =require twitter-bootstrap-static/fontawesome
  */

body {
    padding-top: 60px;
}

#error_explanation {
    color: #f00;
ul {
    list-style: none;
    margin: 0 0 18px 0;
}
}

.test
{
    @extend .text-error;
}

---

“测试1”按预期呈现，但测试2不继承.text错误格式

您的文件名应该是

bootstrap\u和\u overrides.css.scss

，而不是

bootstrap\u和\u overrides.css

。

---

现在，当我们的Sass编译时，

.test

选择器变成

.test，.text error

缺少尾随分号

在

@extend.text error

中，这是问题中的输入错误还是您的代码中的输入错误？@vee这就是我的代码中的输入错误，但我添加了分号，它没有改变任何内容。@vee您还看到了什么吗？我能发现的另一个可能也是唯一的问题是文件名，您的

@extend

用法告诉我您正在使用

sass

处理器。该文件名需要重命名为

bootstrap\u和\u overrides.css.scss

。试试看！