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