老师，样式为什么没有生效？

来源：3-8 自由编程

一名前端小白

2020-12-22 17:30:08

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div>imooc</div>
</body>
</html>

$width:300px;
$height:150px;
$background-color:"red";
$color:#fff;

div{
width:$width;
height:$height;
background-color:$background-color;
color:$color;
}
在这里输入代码，可通过选择【代码语言】突出显示