SASA第四篇变量插值

最新推荐文章于 2023-12-04 20:43:13 发布

贵哥的编程之路(热爱分享)

最新推荐文章于 2023-12-04 20:43:13 发布

阅读量560

点赞数

分类专栏： SASS

本文链接：https://blog.csdn.net/qq_37805832/article/details/107829364

版权

SASS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!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>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

贵哥的编程之路(热爱分享)

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
SASA第四篇变量插值

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

扫一扫