編程教程Sass 根指令
描述 @ at-root 指令是嵌套規(guī)則的集合，它能夠在文檔的根位置創(chuàng)建樣式塊。@ at-root（without:...）和@ at-root（with:...）默認(rèn)情況下， @ at-root 選擇器不包括選擇器。 通過(guò)使用 @ at-root ，我們可以將樣式移動(dòng)到嵌套指令之外。例如，使用以下代碼創(chuàng)建一個(gè)SASS文件:@medi……
Sass 調(diào)試指令
描述@debug偽指令檢測(cè)錯(cuò)誤，并將SassScript表達(dá)式值顯示到標(biāo)準(zhǔn)錯(cuò)誤輸出流。例子下面是使用擴(kuò)展名 .scss 保存的樣式表文件，它類似于css文件。debug.scss$font-sizes: 10px + 20px;$style: ( color: #bdc3c7);.container{ @debug $style; @……
Sass 變量默認(rèn)值
描述您可以通過(guò)向變量值的結(jié)尾添加！default 標(biāo)志來(lái)設(shè)置變量的默認(rèn)值。如果值已經(jīng)分配給變量，則不會(huì)重新分配該值。例子以下示例演示在SCSS文件中使用變量默認(rèn)值:<html><head> <title>Variable Defaults<……
Sass @-規(guī)則和指令
下表列出了您可以在SASS中使用的所有規(guī)則和指令。序號(hào)指令和描述1 @import 它導(dǎo)入SASS或SCSS文件，它直接獲取要導(dǎo)入的文件名。2 @media 它將樣式規(guī)則設(shè)置為不同的媒體類型。3 @extend @extend偽指令用于共享選擇器之間的規(guī)則和關(guān)系。4 @at-root @ at-root指令是一個(gè)嵌套規(guī)則的集合，它能夠……
&SassScript
描述您可以選擇父選擇器，方法是使用 & 字符。它告訴父選擇器應(yīng)該插入的位置。句法a { &:hover { color: green; }}& 字符將替換為父選擇器 ，并將鏈接顏色更改為綠色，當(dāng)您懸停在鏈接上。例子以下示例演示如何在SCSS文件中使用 &:<……
Sass 插值
描述它使用＃{} 語(yǔ)法提供選擇器和屬性名稱中的SassScript變量。您可以在花括號(hào)中指定變量或?qū)傩悦Q。句法#{$name}其中 $ name 是變量或?qū)傩悦Q的名稱。例子下面的例子演示了在SCSS文件中使用插值:<html><head> <title&……
Sass 括號(hào)
描述括號(hào)是一對(duì)標(biāo)記，通常用圓括號(hào)（）或方括號(hào)[]標(biāo)記，這提供了影響操作順序的符號(hào)邏輯。例子下面的示例演示了在SCSS文件中使用圓括號(hào):<html><head> <title>String Operations</title>……
Sass 數(shù)據(jù)類型
數(shù)據(jù)類型數(shù)據(jù)類型是一種需要為每個(gè)數(shù)據(jù)對(duì)象聲明數(shù)據(jù)類型的信息類型。 下表顯示了SassScript支持的各種數(shù)據(jù)類型:序號(hào)數(shù)據(jù)類型和描述例子1Numbers它表示整數(shù)類型。2，10.52Strings它是在單引號(hào)或雙引號(hào)內(nèi)定義的字符序列。'Tutorialspoint', "Tutori……
Sass 變量
描述程序員使用變量來(lái)表示數(shù)據(jù)，例如數(shù)值，字符或內(nèi)存地址。變量的重要性是，您可以在整個(gè)樣式表中重用變量中存儲(chǔ)的值。句法$variable_name : some value;變量使用美元符號(hào)（$）定義，并以分號(hào)（;）結(jié)尾。例子下面的例子演示了在SCSS文件中使用變量:<html><head&am……
Sass 多行注釋中插值
描述多行注釋中的插值在生成的CSS中解析。您可以在花括號(hào)中指定變量或?qū)傩悦Q。句法$var : "value";/* multiline comments #{$var} */例子下面的示例演示了在SCSS文件中的多行注釋中使用插值:<html><head&……