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時有一些混合器便於去簡化代碼