Scss添加新类不会反映在浏览器中

如何解决Scss添加新类不会反映在浏览器中

下面是我的sCSS类。我在div Test2之间添加了一个新的span类，但是span类未反映在浏览器F12中，也看不到span的变化。我是CSS新手，任何帮助将非常有用

    <div class="Test">
    <div class="Test1">
    <div class="Test2">
<span class="hai"></span>
</div>
    <div class="Test3">
</div>
</div>

css文件

 .Test{
  margin:0 px
    .Test1{
    float:left
    }

   .Test2{
    float:left
.hai{
   background-color:balack
  }
    }
  .Test3{
    float:left
    }
}



   

解决方法

要使scss正常工作，您的文件必须以.scss扩展名保存在项目中，并具有必需的scss依赖关系。此外，由于存在语法错误，可能会导致样式无法实时反映出来，进行了一些语法更正：

.Test{
  margin:0 px;
    .Test1{
    float:left;
    }

   .Test2{
    float:left;
.hai{
   background-color:balack
   /*corrected style*/
 background-color:black;
  }
    }
  .Test3{
    float:left
    }
}