-
[Sass]數據類型
數字
字符串
顏色
布爾型
空值
值列表
查看全部 -
1、類似 CSS 的注釋方式，使用 ”/* ”開頭，結屬使用 ”*/ ”
2、類似 JavaScript 的注釋方式，使用“//”兩者區別，前者會在編譯出來的 CSS 顯示，后者在編譯出來的 CSS 中不會顯示
查看全部 -
插值#{}
$flag:"status";
@extend %update-#{$flag};
查看全部 -
if we need to transfer variables.it is suitable to use @mixin
? ?2. using extend cannot transfer variables.
? ?3. It is best to use %placeholder, because when we do not call it, it will not create code.
查看全部 -
“占位符是獨立定義，不調用的時候是不會在 CSS 中產生任何代碼；繼承是首先有一個基類存在，不管調用與不調用，基類的樣式都將會出現在編譯出來的 CSS 代碼中。”
查看全部 -
從示例代碼可以看出，在 Sass 中的繼承，可以繼承類樣式塊中所有樣式代碼，而且編譯出來的 CSS 會將選擇器合并在一起，形成組合選擇器：
.btn,?.btn-primary,?.btn-second?{ ??border:?1px?solid?#ccc; ??padding:?6px?10px; ??font-size:?14px; }?
查看全部 -
[Sass]占位符 %placeholderxa
先%，后@extend，編譯出來的代碼會將相同功能code? put together so as to reducing redundancy.
查看全部 -
在 Sass 中也具有繼承一說，也是繼承類中的樣式代碼塊。在 Sass 中是通過關鍵詞 “@extend”來繼承已存在的類樣式塊，從而實現代碼的繼承。
查看全部 -
[Sass]混合宏的參數--傳多個參數
有一個特別的參數“…”。當混合宏傳的參數過多之時，可以使用參數來替代，如：
?$shadow...? ? // shadow需要多個值，比如長寬高顏色
查看全部 -
@mixin 可以設置一個帶值或者不帶值的參數
調用帶值的參數方法，可以直接 @include border-radius;? ? //不用加（）結尾
同樣，即使帶值，也可以將值覆蓋，@include border-radius(3px);
查看全部 -
聲明用@mixin?
調用用@include
查看全部 -
[Sass]混合宏-聲明混合宏
如果是變量，用$就夠了；
如果是重復使用大段的樣式，那么就要使用@mixin來聲明，有三種類型：
不帶參數；
帶參數；
復雜，即帶有邏輯關系，如@if @ else
查看全部 -
Sass 中還提供屬性嵌套，CSS 有一些屬性前綴相同，只是后綴不一樣，比如：border-top/border-right，與這個類似的還有 margin、padding、font 等屬性。
查看全部 -
注意區分&符的位置，置前表示它為父集，置后代表它為子集
父會一層一層，爬到頂的父；子會一級一級往下走，走到底
查看全部 -
nav?{ ??a?{ ????color:?red; ????header?&?{ ??????color:green; ????} ??}?? }查看全部
舉報