css - .css 文件中的“$menuHeight”是什么意思?
问题描述
在下面我明白'$menuHeight'是一种实际存储某些值的变量,但为什么视觉代码显示错误,它现在已经过时还是逻辑上是错误的?
$menuHeight: 65px+10px;
#mazeContainer {
transition-property: opacity;
transition-duration: 1s;
transition-timing-function: linear;
**top: $menuHeight;**
opacity: 0;
display: inline-block;
background-color: rgba(0, 0, 0, 0.30);
margin: auto;
#mazeCanvas {
margin: 0;
display: block;
border: solid 1px black;
}
}
解决方案
$menuHeight
是 SASS 中的变量。可以将以下代码评估为 SASS:
$menuHeight: 65px+10px;
#mazeContainer {
transition-property: opacity;
transition-duration: 1s;
transition-timing-function: linear;
top: $menuHeight;
opacity: 0;
display: inline-block;
background-color: rgba(0, 0, 0, 0.30);
margin: auto;
#mazeCanvas {
margin: 0;
display: block;
border: solid 1px black;
}
}
将其输出为 CSS:
#mazeContainer {
transition-property: opacity;
transition-duration: 1s;
transition-timing-function: linear;
top: 75px;
opacity: 0;
display: inline-block;
background-color: rgba(0, 0, 0, 0.3);
margin: auto;
}
#mazeContainer #mazeCanvas {
margin: 0;
display: block;
border: solid 1px black;
}
你可以在线查看这个
推荐阅读
- c - 如何修复警告 C4047?
- java - 线程无参构造函数有什么用?
- javascript - 如何在 Django 中使用 ajax 和 vanilla JavaScript 从 MultipleChoiceField 获取正确的值
- python - 如何在 Django 3.1 上排除挂起的迁移
- osmnx - 从 OSMNX Consolidate Intersections 获取 XY 坐标/纬度
- python - 如何使用我训练过的模型编写 keras 来读取我自己的图片?
- api - _TypeError in call api flutter
- google-cloud-platform - 在 BigQuery 中存储日期/日期时间/时间/时间戳
- python - 卡住试图从“for”循环滚动两个列表框
- html - 为什么以错误的顺序生成 html 的这个元素?