-
.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文件时的原则查看全部
举报