SASA第四篇 变量插值
<!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>
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/08/06 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
