SASS:只有属性可以嵌套在属性中.为什么？

Question

我有以下SASS脚本,但PhpStorm说它是"Ilegal nesting:只有属性可以嵌套在属性下面." 嵌套元素样式有什么问题？我来自LESS脚本,这可以正常工作:

header

  nav
    float: left

      ul
        list-style: none
        margin: 0

        li
          float: left
          margin: 2px 5px

          a
            color: $blueish
            font-size: 0.8rem

我怎么解决这个问题？

Answer 1

关于缩进,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