gpt4 book ai didi

css - SASS 中 undefined variable ,即使该变量已在上面定义

转载 作者:太空宇宙 更新时间:2023-11-03 16:00:19 26 4
gpt4 key购买 nike

我在我的 Mac 上通过 Ruby 安装了 SASS,目前它正在监听文件 styles.sass 中的更改并将这些更改预编译到文件 styles.css 中。在我用变量 $pageGreen 替换我网站大部分背景使用的颜色 — #194719 — 之前,整个代码都是预编译的,没有错误。我在 SASS 文件的顶部定义了 $pageGreen —

    /* VARIABLES */

$pageGreen: #194719

—然后用变量替换了我使用颜色的所有实例。这是我使用此变量的示例(第 39 至 45 行):

    .strip 
height: 180px
box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5)
background-color: $pageGreen
color: white
position: relative
min-width: 995px

保存时出现错误。

    >>> Change detected to: styles.sass
error styles.sass (Line 42: Undefined variable: "$pageGreen”.)

我做错了什么?如有必要,我很乐意发布我的全部代码。

最佳答案

看起来您正在使用 indented syntax在你的 sass 文件中。看起来您的变量声明也非常缩进。

我怀疑这个缩进使变量有范围,这意味着它在范围之外不可用。

尝试取消缩进变量声明:

/* VARIABLES */
$pageGreen: #194719 /* <-- not indented at all */


.strip
height: 180px
box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5)
background-color: $pageGreen
color: white
position: relative
min-width: 995px

关于css - SASS 中 undefined variable ,即使该变量已在上面定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27093223/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com