20200824冯强_日志

学习总结:

scss文件转换成css文件

​ node-sass scss文件路径 css文件路径(单次转换)

​ node-sass -w scss文件路径 css文件路径(单文件转换)

​ node-sass scss文件夹 -o css文件夹(多文件转换)

​ node-sass -w scss文件夹 -o css文件夹(多文件转换)

变量

​ $变量名 : 值

    !default如果之前定义一样的变量名,使用之前的变量值如果之前没定义一样的变量名,使用现在值
嵌套
    div{
  border:{style:solid;color:#fff;width:1px;};}
混合器

​ @include引用

​ @mixin定义

继承

@extend #d1;

自定义函数

@function 函数名($n) {
@return 运算表达式;
}

指令
            $s:100;

p::after{
@if(\(s>=95){
content:"牛逼";
}@else if(\)s>=90){
content:"学霸";
}@else if($s>=60){
content:"差不多";
}@else{
content:"5天不给吃饭";
}
}

心得:

​ scss的样式可以通过node编译成css本质上就是css但是定义了一些逻辑运算和函数,为JS打下基础

标签

评论

this is is footer