2013-12-21 120 views
1

我有以下SASS脚本,但PhpStorm说它是“非法嵌套:只有属性可能嵌套在属性下。”嵌套元素样式有什么问题?我来自LESS脚本,在这工作得很好:SASS:只有属性可以嵌套在属性中。为什么?

header 

    nav 
    float: left 

     ul 
     list-style: none 
     margin: 0 

     li 
      float: left 
      margin: 2px 5px 

      a 
      color: $blueish 
      font-size: 0.8rem 

我该如何解决这个问题?

回答

7

关于缩进,Sass语法非常严格。你必须保持一致。

$blueish: blue 

header 

    nav 
    float: left 

    ul // this was indented too far 
     list-style: none 
     margin: 0 

     li 
     float: left 
     margin: 2px 5px 

     a 
      color: $blueish 
      font-size: 0.8rem 
+0

是的,并且错误消息应该包含一个行号以帮助您找到错误的行。 – sam

+0

谢谢你,这个伎俩! – stekhn