![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
sass
熬夜的卡多希
毕竟一生很短 少有圆满
展开
-
sass和scss的区别
1、什么是sass? Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。 2、sas...原创 2018-11-01 16:02:04 · 2398 阅读 · 0 评论 -
sass的嵌套
Sass 允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器,例如: #content div { color: #00ff00; width: 97%; .notice { background-color: red; color: #000000; } } css编译结果为: #content div { color: #...原创 2018-11-01 16:34:23 · 277 阅读 · 0 评论 -
sass中的变量$
1、定义变量 SassScript 最普遍的用法就是变量,变量以美元符号开头,赋值方法与 CSS 属性的写法一样: $title-color:red; //定义变量 //使用 .title{ font-size:14px; color: $title-color; } 2、sass变量的作用域 sass变量支持块级作用域,嵌套规则内定义的变量只能在嵌套规则内使用(局部变量),...原创 2018-11-01 17:53:15 · 3500 阅读 · 0 评论