这篇文章主要介绍了sass 常用备忘案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
一、变量
所有变量以$开头
如果变量嵌套在字符串中,需要写在#{}中
二、嵌套
层级嵌套
属性嵌套,注意,border后需要加上冒号:
可以通过&引用父元素,常用在各种伪类
三、mixin
简单理解,是可以重用的代码块,通过@include 命令
编译后生成
还可指定参数、缺省值
编译后生成
四、继承
通过@extend,一个选择器可以继承另一个选择器的样式。例子如下
编译后生成
五、运算
直接上例子
编译后生成
插入文件
用@import 来插入外部文件
也可插入普通css文件
自定义函数
通过@function 来自定义函数
编译后输出
注释
两种风格的注释
如果重要的注释,压缩编译后还想保留,可在 /* 后面加上 !
参考:
http://www.ruanyifeng.com/blog/2012/06/sass.html
到此这篇关于sass 常用备忘案例详解的文章就介绍到这了,更多相关sass 常用备忘内容请搜索编程学习网以前的文章希望大家以后多多支持编程学习网!