sass

Posted wfblog

tags:

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

1、less有两种注释,/* */是会被编译到css文件中的。//不会

2、scss中的变量(Variables)在SASS中你也可以声明变量,并在整个样式表中使用。

3、scss中选择器嵌套特性,我们可以在父元素的大括号{}里写这些元素。同时可以使用&符号来引用元素的父选择器(这个主要是伪类的和组合选择器有用)。

4、scss中属性嵌套,

5、scss中Mixins  简单的说Mixins可以将一部分样式抽出,作为单独定义的模块,被很多选择器重复使用。

6、scss中选择器继承 ,这个的一个明显的优点是,就是在有相同类名或标签名的选择器中,出现耦合的可能性比较少,因为前面已经有选择器给它限制了。可以很方便。

7、.css.map文件的作用是让浏览器显示的css在地几行代码会对应到scss文件的第几行。这样我们要通过修改sass文件来修改css代码就会很方便,如果直接在css中改就不用这个东西了。

 

总结:scss是sass新的语法,scss(sass)中的四个基本特性:变量嵌套Mixins继承的基本使用规则。还有@function函数方法

sass的其他的特性,碰到需要的时候在学吧。

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

安装scss

nuxt.js使用scss

个人技术总结

Sass 入门

vue部分问题

什么是Sass?