sass嵌套样式无效

Question

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

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

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

Answer 1

我出现过类似的问题，后来看代码，发现我没有指定style语言为scss 原来我是这样写的：<style src="@assets/css/admin/adminHome.scss"> 结果这样写就解决了：<style src="@assets/css/admin/adminHome.scss" lang="scss">

Answer 2

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