-
[Sass]數(shù)據(jù)類型
數(shù)字
字符串
顏色
布爾型
空值
值列表
查看全部 -
1、類似 CSS 的注釋方式，使用 ”/* ”開頭，結(jié)屬使用 ”*/ ”
2、類似 JavaScript 的注釋方式，使用“//”兩者區(qū)別，前者會在編譯出來的 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.
查看全部 -
“占位符是獨立定義，不調(diào)用的時候是不會在 CSS 中產(chǎn)生任何代碼；繼承是首先有一個基類存在，不管調(diào)用與不調(diào)用，基類的樣式都將會出現(xiàn)在編譯出來的 CSS 代碼中?！?/p>
查看全部 -
從示例代碼可以看出，在 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 中是通過關(guān)鍵詞 “@extend”來繼承已存在的類樣式塊，從而實現(xiàn)代碼的繼承。
查看全部 -
[Sass]混合宏的參數(shù)--傳多個參數(shù)
有一個特別的參數(shù)“…”。當(dāng)混合宏傳的參數(shù)過多之時，可以使用參數(shù)來替代，如：
?$shadow...? ? // shadow需要多個值，比如長寬高顏色
查看全部 -
@mixin 可以設(shè)置一個帶值或者不帶值的參數(shù)
調(diào)用帶值的參數(shù)方法，可以直接 @include border-radius;? ? //不用加（）結(jié)尾
同樣，即使帶值，也可以將值覆蓋，@include border-radius(3px);
查看全部 -
聲明用@mixin?
調(diào)用用@include
查看全部 -
[Sass]混合宏-聲明混合宏
如果是變量，用$就夠了；
如果是重復(fù)使用大段的樣式，那么就要使用@mixin來聲明，有三種類型：
不帶參數(shù)；
帶參數(shù)；
復(fù)雜，即帶有邏輯關(guān)系，如@if @ else
查看全部 -
Sass 中還提供屬性嵌套，CSS 有一些屬性前綴相同，只是后綴不一樣，比如：border-top/border-right，與這個類似的還有 margin、padding、font 等屬性。
查看全部 -
注意區(qū)分&符的位置，置前表示它為父集，置后代表它為子集
父會一層一層，爬到頂?shù)母福蛔訒患壱患壨伦?，走到?/p>
查看全部 -
nav?{ ??a?{ ????color:?red; ????header?&?{ ??????color:green; ????} ??}?? }查看全部
舉報