-
.sass? 與 .scss 書寫格式不同,sass 后綴文件采用ruby和pyson書寫方式,縮進無花括號和分號;scss 采用正統(tǒng)css文件書寫方式,任何css后綴文件可直接更改后綴為scss來使用。
查看全部 -
sass中的media query可以內(nèi)嵌在css規(guī)則中,在生成css的時候才會被提到樣式的最高層。
在嵌套的時候使用sass@at-root指令,被嵌套的內(nèi)容輸出到最高層。
內(nèi)置type-of(), unitless(), unit()單位判斷, not操作符,percentage()百分比,@warn,@error
查看全部 -
變量的重用:變量表達式和函數(shù);
函數(shù)又分為funciton(多是內(nèi)置的函數(shù))和mixin。
可重用的代碼塊,稱為mixin。@include和@extend調(diào)用方式
@extend繼承多個選擇器,也可連續(xù)繼承。自己試驗
extend不可繼承選擇器序列,如@extend A B; A B{} 后代選擇器
使用%,用來構(gòu)建只用來繼承的選擇器。
.error {
? ? color: #f00;
}
.serious-error {
? ? @extend .error;
? ? border: 1px solid red;
}
%right {
? ? color: #f00;
}
.serious-right {
? ? @extend %right;
? ? border: 1px solid red;
}
查看全部 -
查看全部
-
老師講的都是干貨,不是專挑簡單的講,認真負責,謝謝查看全部
-
在嵌套的時候明確聲明at-root指令,嵌套的內(nèi)容輸出到樣式層的頂層查看全部
-
嵌套的副作用查看全部
-
sass中的@media好處查看全部
-
sass中的@media跟css區(qū)別查看全部
-
extend兩個知識點查看全部
-
mixin的調(diào)用方式查看全部
-
通過函數(shù)查看全部
-
變量操作查看全部
-
基于sass的既定規(guī)則查看全部
-
在sass中使用@import去引入.css文件時的原則查看全部
舉報