Sass 中一些常用的特殊语句

Sass 中一些常用的特殊语句

Sass官方文档

1. 基本属性说明

1.1 变量 $

-最普遍的用法就是变量，变量以美元符号开头，赋值方法与 CSS 属性的写法一样

	$width : 10px;
	
	// 使用
	div {
		width: $width
	}

1.2 插值语句 #{}

通过 #{} 插值语句可以在选择器或属性名中使用变量：

$font-size: 10;
p {
	font-size: #{$font-size}px
}

2. 定义函数 调用函数

@function setHeight($h) {
	@return $h * 100 
}
div {
	margin-bottom: #{setHeight(10)}px;
}

效果图