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