scss預處理器

2021-09-29 02:18:53 字數 854 閱讀 2193

批量修改屬性值

建立變數

它使我們能夠寫出更好維護的css

重新編譯會花費一些時間

通常我們寫外部樣式會直接建乙個.css字尾檔案;但是用預處理器就要建.scss檔案然後開啟考拉自動生成.css檔案;當然引用時肯定引用自動生成的,css檔案。

$起乙個名字定個變數,直接引用

$cl:yellowgreen;

div

mixin(迷信)混合器

通過@mixin來定義乙個函式,@include來引用

不帶引數:

// mixin混合器(不帶引數)

$w:100px;

$h:100px;

$bc:deeppink;

@mixin name

引用section在這裡插入**片

帶引數:

// mixin混合器(帶引數) 

@mixin name($a,$b,$c)

如:&:nth-child(1)

&代表父元素//代表父級被***時(hover) &:hover.

.name

用@extend 引用

@extend .name;

``

aside

&:nth-child(2)

&:nth-child(3)

&:nth-child(4)

&:nth-child(5)

}

預處理器小結

預處理器發生在程式被編譯之前,所有的預處理器指令都以 開頭。1.include預處理器指令 使指定檔案的乙個副本被包含到指令所在的位置。include 與 include filename 區別 簡單不加以說明 include 指令用於包含標準類庫標頭檔案,也可以用於由多個原始檔組成的程式。2.in...

預處理器簡介

預處理是c編譯器做的第一件事情,主要是做一些文字方面的工作。包括 刪除注釋 插入被 include包含的檔案 定義和替換由 define指令定義的符號以及 的部份內容,和條件編譯。預定義符號 預定義符號如下表所示 file 進行編譯的檔名 line 檔案的當前行號 date 檔案編譯的日期 time...

C 預處理器

偶爾翻c 的教材,看到了一些以前自己不太關注的角落。參考教材 c 大學教程 harvey m.deitel 和paul james deitel著。預處理發生在編譯之前,包括把其他檔案包含到要編譯的檔案中 定義符號常量和巨集 程式 的條件編譯以及預處理指令的條件執行。對應的,預處理指令有 檔案包含命...