亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

帶參數混合宏：

除了聲明一個不帶參數的混合宏之外，還可以在定義混合宏時帶有參數，如：

@mixin?border-radius($radius:5px){
????-webkit-border-radius:?$radius;
????border-radius:?$radius;
}

復雜的混合宏：

上面是一個簡單的定義混合宏的方法，當然， Sass 中的混合宏還提供更為復雜的，你可以在大括號里面寫上帶有邏輯關系，幫助更好的做你想做的事情,如：

@mixin?box-shadow($shadow...)?{??@if?length($shadow)?>=?1?{
????@include?prefixer(box-shadow,?$shadow);
??}?@else{
????$shadow:0?0?4px?rgba(0,0,0,.3);
????@include?prefixer(box-shadow,?$shadow);
??}
}

這個 box-shadow 的混合宏，帶有多個參數，這個時候可以使用“?…?”來替代。簡單的解釋一下，當 $shadow 的參數數量值大于或等于“ 1 ”時，表示有多個陰影值，反之調用默認的參數值“ 0 0 4px rgba(0,0,0,.3) ”。

sass 的默認變量一般是用來設置默認值，然后根據需求來覆蓋的，覆蓋的方式也很簡單，只需要在默認變量之前重新聲明下變量即可。
?

$baseLineHeight:?2;
$baseLineHeight:?1.5?!default;
body{
????line-height:?$baseLineHeight;?
}

編譯后的css代碼：

body{
????line-height:2;
}

可以看出現在編譯后的 line-height 為 2，而不是我們默認的 1.5。默認變量的價值在進行組件化開發的時候會非常有用

[Sass]混合宏 VS 繼承 VS 占位符

CSS 預處理器用一種專門的編程語言，進行 Web 頁面樣式設計，然后再編譯成正常的 CSS 文件，以供項目使用。CSS 預處理器為 CSS 增加一些編程的特性，無需考慮瀏覽器的兼容性問題。它可以讓你的 CSS?更加簡潔、適應性更強、可讀性更佳，更易于代碼的維護。

在css中，font: 10px/8px;。10px表示字體的字號，8px代表行高。并不涉及除法運算

選擇器嵌套

nav {

? a {

? color: red;

? header & {

? color: green;

}

}

}

代碼解釋： nav中a標簽下字體的顏色為紅色，但是header標簽中nav，a標簽下的字體顏色為綠色。

當你想設置屬性值的時候你可以使用字符串插入進來。另一個有用的用法是構建一個選擇器。，#{}可以在mixin聲明中使用，不能在mixin調用中使用，但是可以在繼承@extend中調用

the closed bracket does not stay with code

注意，如果有引號的字符串被添加了一個沒有引號的字符串 （也就是，帶引號的字符串在 + 符號左側）， 結果會是一個有引號的字符串。 同樣的，如果一個沒有引號的字符串被添加了一個有引號的字符串 （沒有引號的字符串在 + 符號左側）， 結果將是一個沒有引號的字符串。?

除法運算時，如果兩個值帶有相同的單位值時，除法運算之后會得到一個不帶單位的數值。

”/? ”符號被當作除法運算符時有以下幾種情況：

??? ?如果數值或它的任意部分是存儲在一個變量中或是函數的返回值。
??? ?如果數值被圓括號包圍。
??? ?如果數值是另一個數學表達式的一部分。

對于攜帶不同類型的單位時，在 Sass 中計算會報錯，如下例所示

獨立的值也被視為值列表——只包含一個值的值列表。

Sass列表函數（Sass list functions）賦予了值列表更多功能（Sass進級會有講解）：

1. nth函數（nth function） 可以直接訪問值列表中的某一項；

2. join函數（join function） 可以將多個值列表連結在一起；

3. append函數（append function） 可以在值列表中添加值；?

4. @each規則（@each rule） 則能夠給值列表中的每個項目添加樣式。

Sass列表函數（Sass list functions）賦予了值列表更多功能（Sass進級會有講解）：

1. nth函數（nth function） 可以直接訪問值列表中的某一項；

2. join函數（join function） 可以將多個值列表連結在一起；

3. append函數（append function） 可以在值列表中添加值；?

4. @each規則（@each rule） 則能夠給值列表中的每個項目添加樣式。

字符串：

有引號和無引號

在使用${}時，傳入的是有引號的，也會貝當作無引號