sass

Posted zzzzzzzsy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sass相关的知识,希望对你有一定的参考价值。

1.变量

$curColor: green

.userCard {

    background:$curColor;

}

2.混合(可以添加参数:  参数名:值  即可)

@mixin large-text {

     font:{

 

       family:Arial;

       size:20xp;

       weight:bold;   

     }

}

.page-title {

    @include large-text;

}

3.选择器

a {

   colorL:blue;

  &:hover {

         text-decoration:underline;

     }

}

4.数值可以直接写运算符

 

以上是关于sass的主要内容,如果未能解决你的问题,请参考以下文章

安装scss

nuxt.js使用scss

个人技术总结

Sass 入门

vue部分问题

什么是Sass?