-
使用 quote() 函數只能給字符串增加雙引號,而且字符串中間有單引號或者空格時,需要用單引號或雙引號括起,否則編譯的時候將會報錯 同時 quote() 碰到特殊符號,比如: !、?、> 等,除中折號 - 和 下劃線_ 都需要使用雙引號括起,否則編譯器在進行編譯的時候同樣會報錯:查看全部
-
從測試的效果中可以看出,unquote( ) 函數只能刪除字符串最前和最后的引號(雙引號或單引號),而無法刪除字符串中間的引號。如果字符沒有帶引號,返回的將是字符串本身。查看全部
-
append() 函數是用來將某個值插入到列表中,并且處于最末位。 >> append(10px 20px ,30px) (10px 20px 30px) >> append((10px,20px),30px) (10px, 20px, 30px) >> append(green,red) (#008000 #ff0000) >> append(red,(green,blue)) (#ff0000 (#008000, #0000ff)) 如果沒有明確的指定 $separator 參數值,其默認值是 auto。 如果列表只有一個列表項時,那么插入進來的值將和原來的值會以空格的方式分隔。 如果列表中列表項是以空格分隔列表項,那么插入進來的列表項也將以空格分隔; 如果列表中列表項是以逗號分隔列表項,那么插入進來的列表項也將以逗號分隔。 當然,在 append() 函數中,可以顯示的設置 $separator 參數, 如果取值為 comma 將會以逗號分隔列表項 如果取值為 space 將會以空格分隔列表項 >> append((blue green),red,comma) (#0000ff, #008000, #ff0000) >> append((blue green),red,space) (#0000ff #008000 #ff0000) >> append((blue, green),red,comma) (#0000ff, #008000, #ff0000) >> append((blue, green),red,space) (#0000ff #008000 #ff0000) >> append(blue,red,comma) (#0000ff, #ff0000) >> append(blue,red,space) (#0000ff #ff0000)查看全部
-
在 nth($list,$n) 函數中的 $n 必須是大于 0 的整數:查看全部
-
length() 函數中的列表參數之間使用空格隔開,不能使用逗號,否則函數將會出錯:查看全部
-
列表函數主要包括一些對列表參數的函數使用,主要包括以下幾種: length($list):返回一個列表的長度值; nth($list, $n):返回一個列表中指定的某個標簽值 join($list1, $list2, [$separator]):將兩個列給連接在一起,變成一個列表; append($list1, $val, [$separator]):將某個值放在列表的最后; zip($lists…):將幾個列表結合成一個多維的列表; index($list, $value):返回一個值在列表中的位置值。查看全部
-
注意 type-of(100px)也是‘number’。 type-of(1/2=1) 為 string;在控制器中1/2=1是會產生警報的。查看全部
-
Introspection 函數包括了幾個判斷型函數: type-of($value):返回一個值的類型 unit($number):返回一個值的單位 unitless($number):判斷一個值是否帶有單位 comparable($number-1, $number-2):判斷兩個值是否可以做加、減和合并 這幾個函數主要用來對值做一個判斷的作用,我們來依次看每個函數的功能。查看全部
-
Miscellaneous 函數稱為三元條件函數 if($condition,$if-true,$if-false)查看全部
-
注意,在同一個目錄不能同時存在帶下劃線和不帶下劃線的同名文件。 例如, _colors.scss 不能與 colors.scss 并存。查看全部
-
transparentize()、 fade-out() 讓顏色不透明; opacify,fade-in 讓顏色透明查看全部
-
opacify 和 fade-in 的效果一樣查看全部
-
alphpa和opacity是一樣的效果查看全部
-
%占位一般提供的基礎樣式查看全部
-
@min blockHidden($boolean:true){ @if $boolean { @debug "$boolean is #{$boolean}" display:block; }@else { @debug "$boolean is #{$boolean}" display:none; } } .block { @inlude blockHidden; } .hidden{ @inlude blockHidden(false); }查看全部
舉報
0/150
提交
取消