sass嵌套样式无效

Question

我使用sass来写样式，但是嵌套的代码无效，只有最外层的样式有效？

.common-nav{
  background: rgb(50, 65, 87);
  color: #fff;
  .content{
    color:red;
  }
}

代码如上，如果把content类放到外面就可以，放到里面就不行？这是啥原因喃？求助～

Answer 1

终于知道为啥了，需要在引入的文件的地方写lang，如下
``
<style lang='sass'></style>
``

Answer 2

明确你的SASS写的是正确的，可以在这里试：http://www.sassmeister.com/

那么问题可能是：

1、你的文件后缀位不是scss？

2、未正确使用sass编译器？

Answer 3

你的html和sass嵌套写的不一致。