scss使用方法

时间：2018-12-16 23:42:45 阅读：340 评论：0 收藏：0 [点我收藏+]

命令行:

win+r 调试出运行窗口;

git & cmd & powershell

基本使用方法:

cd: 切换磁盘;

cd ../ 切换到上一级;

ls: 查看当前目录下所有的文件;

cd 空格加文件名字: 切换到指定的目录;

cls: 清空当前的屏幕内容;git命令使用clear;

定义变量: $color:yellow;

引用变量: div { color: $color };

嵌套规则:

content {

width:100px;

h4 { color: red;

}

p { text-indent: 2em;

}

a { color: #000;

&:hover { color: #c00;

}

&代表父选择器标识;

同级标签单独书写{}

包含的标签书写在上一级{}里

编译sass:

sass --watch 要监听的文件夹&文件名称:输出的文件夹&文件名称

sass --watch scss文件名:css输出文件名

监控scss文件夹下所有的scss文件并且声称css文件到输出的css文件夹中.

sass --watch index:stylscss文件名:css输出文件名 --style expanded

-- style expanded是编译输出的样式

编译样式:

expanded / compact / nested / compressed

书写scss时有一些混合器便于去简化代码

原文地址：https://www.cnblogs.com/gjm960406/p/10128003.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行