没有设置CSS变量

坦率的丁

我无法在任何浏览器中使用CSS变量。我已经尝试过使用vscode和Codepen,但无法使用CSS变量。另外,我尝试过在Chrome浏览器中启用这些标志并重新启动笔记本电脑,但仍然无法正常工作。

这是使用背景颜色变量的Codepen上代码的图像 在此处输入图片说明

这是相同的代码,除了我要对背景色进行硬编码 在此处输入图片说明

这是代码:

* {
  margin: 0;
  padding: 0;
}

 :root {
  --color-primary: #f9ed69;
  /*yellow color */
}

nav {
  margin: 30px;
  background-color: --color-primary;
}
<nav>
  <ul class="navigation">
    <li><a href="#">About</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
  <div class="button">
    <a class="btn-main" href="#">Sign Up</a>
  </div>
</nav>

pa

var()在值中设置CSS变量时,您缺少该函数,请在此处查看有关CSS Vars的更多信息

:root {
  --color-primary: #f9ed69; /*yellow color */
}

* {
  margin: 0;
  padding: 0;
}

nav {
  margin: 30px;
  background-color: var(--color-primary);
}
<nav>
  <ul class="navigation">
    <li><a href="#">About</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
  <div class="button">
    <a class="btn-main" href="#">Sign Up</a>
  </div>
</nav>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

没有设置变量?回音关闭

来自分类Dev

Python没有设置环境变量

来自分类Dev

没有在课堂上设置变量

来自分类Dev

css没有设置div以适合全屏

来自分类Dev

我的set函数实际上没有设置变量

来自分类Dev

为什么setx命令没有设置用户变量?

来自分类Dev

os.environ没有设置环境变量

来自分类Dev

将变量设置为等于没有括号的函数?

来自分类Dev

无法保存变量中保存的数据-没有“设置”方法

来自分类Dev

如何设置没有root访问权限的路径变量?

来自分类Dev

如果没有值,则将变量设置为null

来自分类Dev

Gitbash 没有正确设置环境变量

来自分类Dev

设置没有默认数据类型的变量

来自分类Dev

PHP 类没有设置我的变量之一

来自分类Dev

为什么我的布尔变量没有设置为 True?

来自分类Dev

在没有单独 CSS 的 Div 中设置背景图像

来自分类Dev

没有 ActiveX 警告的 CSS 变量的 IE 回退

来自分类Dev

获取或设置CSS变量

来自分类Dev

$ GVIMRC没有设置

来自分类Dev

变量没有被替换

来自分类Dev

当存储该引用的局部变量设置为null时,为什么静态变量没有设置为null?

来自分类Dev

有没有办法在JS变量上设置断点?

来自分类Dev

创建具有填充变量且没有任何设置方法或构造方法的对象

来自分类Dev

有没有办法从Spyder中访问在conda环境中设置的环境变量?

来自分类Dev

有没有办法在Python中设置变量方法?

来自分类Dev

有没有设置目录/项目本地环境变量的好方法?

来自分类Dev

尽管没有有意的输入,$ _ GET变量仍被设置为某种值

来自分类Dev

有没有更好的方法在脚本中设置全局变量

来自分类Dev

有没有办法从变量中为新列表设置名称?

Related 相关文章

热门标签

归档