scss使用方法

命令行:  

  win+r 调试出运行窗口;  

  git & cmd & powershell

基本使用方法: 

  cd: 切换磁盘;   

 cd ../ 切换到上一级;  

 ls: 查看当前目录下所有的文件;   

 cd 空格加文件名字:  切换到指定的目录;   

 cls: 清空当前的屏幕内容;git命令使用clear;

定义变量: $color:yellow;

引用变量: div { color: $color };

嵌套规则:  

  content { 

           width:100px;     

       h4 {  color: red; 

             } 

         p { text-indent: 2em;

           }  

       a { color: #000;        

          &:hover { color: #c00;           

          }      

  }    

&代表父选择器标识;  

同级标签单独书写{}

包含的标签书写在上一级{}里

 

编译sass:    

sass --watch 要监听的文件夹&文件名称:输出的文件夹&文件名称

    sass --watch scss文件名:css输出文件名

监控scss文件夹下所有的scss文件并且声称css文件到输出的css文件夹中.

  sass --watch index:stylscss文件名:css输出文件名  --style expanded  

  -- style expanded是编译输出的样式

编译样式:           

 expanded / compact / nested / compressed

 

 

书写scss时有一些混合器便于去简化代码