Sass编译风格

xiaoxiao2021-02-28  112

SASS提供四个编译风格 * nested:嵌套缩进的css代码,它是默认值。 * expanded:没有缩进的、扩展的css代码。 * compact:简洁格式的css代码。

* compressed:压缩后的css代码。

eg:以上篇:Sass创建简单的项目中例子,在test.scss文件编辑

默认方式:

一.嵌套输出方式 nested

命令输入:

sass --watch sassDemo\sass:sassDemo\stylesheets  --style nested

输出test.css跟默认方式是一样的.

 nested(嵌套输出方式)编译出来的CSS样式风格:最后一个大括号独占一行

二.展开输出方式 expanded

命令输入:

sass --watch sassDemo\sass:sassDemo\stylesheets  --style expanded

expanded(展开输出方式)编译出来的CSS样式风格:最后一个大括号独占一行

三.紧凑输出方式 compact

命令输入:

sass --watch sassDemo\sass:sassDemo\stylesheets  --style compact

四.压缩输出方式 compressed

命令输入:

sass --watch sassDemo\sass:sassDemo\stylesheets  --style compressed

转载请注明原文地址: https://www.6miu.com/read-75677.html

最新回复(0)