<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*为什么使用变量插值?
因为变量只是在属性值的形式上可以使用,但是在属性名与选择器名称不能使用变量，这时候变量插值的作用就凸显出来了.*/
/*sass格式*/
/*$size:200px;
$w:width;
$s:div;
#{$s}
{
#{$w}:$size;
height:$size;
background:red;
}*/
/*编译后的css格式*/
div {
width: 200px;
height: 200px;
background: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
