码迷,mamicode.com
首页 > 其他好文 > 详细

sass

时间:2018-04-09 00:28:47      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:样式   一个   元素   编译   文件中   基本   显示   function   注释   

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

标签:样式   一个   元素   编译   文件中   基本   显示   function   注释   

原文地址:https://www.cnblogs.com/wfblog/p/8748099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!