![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
sass
.
zihanzy.com
前端攻城狮
个人博客 https://www.zihanzy.com
欢迎来访
展开
-
Sass学习(三)--函数
目录内置函数– 字符串函数– 数字函数– 列表函数– 三元函数– 颜色函数自定义函数内置函数常用字符串函数unquote($string):删除字符串中的引号,只能去一层#main{ content:unquote("测'试'测测测试")}//编译后#main { content: 测'试'测测测试; }quote($string) 给字符串添加引号#m...原创 2020-03-31 15:26:58 · 1467 阅读 · 0 评论 -
Sass学习(四)--高级语法
目录条件语句循环语句条件语句语法格式@if (条件){ //语句体}@else if(){ //语句体}@else{}运算符not:取反&&/and:且or:或条件语句p{ @if(true){ border:1px solid red } @else{ border:1px solid ...原创 2020-03-31 17:14:42 · 1542 阅读 · 0 评论 -
Sass学习(二)--混合器与继承
目录混合器继承混合器Sass中的混合器类似于js的函数,将一段代码定义成混合器以实现代码的重用声明混合器:@mixin mixName调用混合器 @include minName如@mixin border-round{ -moz-border:1px solid red; -webkit-border:1px solid red; border:1px solid r...原创 2020-03-31 13:55:37 · 1513 阅读 · 0 评论 -
Sass学习(一)--Sass入门
目录常用命令变量嵌套css规则群组选择器子选择器,相邻,同级选择器属性嵌套import导入嵌套导入sass注释sass乱码解决常用命令sass 命令sass input.scss output.css:将sass文件输出到指定css文件sass --watch input.scss:output.css:自动监视sass文件更新到指定css文件sass --wat...原创 2020-03-30 00:38:13 · 1572 阅读 · 0 评论 -
Windows搭建sass环境详细教程
1.首先下载Ruby 官方网址 https://rubyinstaller.org/downloads/点击下载往下拉点击下载下载后的文件先安装ruby 带光碟那个点击同意一直next安装完成后的页面为ruby配置环境变量找到你ruby的安装目录我的安装目录是E:\Ruby27-x64\bin将ruby的bin目录添加环境变量添加成功后 打开命令行输入ru...原创 2020-03-27 23:31:31 · 1582 阅读 · 0 评论