非法嵌套：在导入指令下没有任何东西可以嵌套

Question

我正在使用rails 4.2和bootstrap-sass - ＆gt; 3.2.0宝石。我将css转换为sass并添加到application.css.sass文件中。

我得到了Illegal nesting: Nothing may be nested beneath import directives.

@import "bootstrap"

  height: 5px
  border-top: 0
  background: #c4e17f
  border-radius: 5px

关于我为什么要鼓励这个问题的任何想法。

Answer 1

试试这个：

不要缩进样式，创建类或将其放在html标记中。

示例：

@import "bootstrap"

body {
    height: 5px
    border-top: 0
    background: #c4e17f
    border-radius: 5px
}

OR

@import "bootstrap"

body
  height: 5px
  border-top: 0
  background: #c4e17f
  border-radius: 5px

Answer 2

从您的代码示例中，我发现您没有将样式与任何类或ID相关联。

看起来像

.container
  height: 5px       
  border-top: 0
  background: #c4e17f
  border-radius: 5px