我在:Root中声明了一个自定义属性,如下所示,但我的 colored颜色 不适合我.我哪里错了?

:root {
    --color-primary: var(--color-primary, #ffc107);
}
body {
    background-color: var(--color-primary); // background color not work
}

推荐答案

声明css变量应如下所示:

:root {
    --color-primary: #ffc107;
}
body {
    background-color: var(--color-primary);
}

Html相关问答推荐

防止SVG边框半径zoom

Angular 分量被循环

在Quarto/Discrealjs演示文稿中只增加一个列表的填充

Div中的图像问题-(TailWind CSS中的网格)

CSS Grid:使网格行填充屏幕,将下一行推离屏幕

在弹性框布局中的第n个元素后强制换行

获取标准的Python脚本,以便使用FASK对网站进行Flask

如何将多个类名组合到CSS中的一个关键帧

使用 Thymeleaf 将图像水平居中

使用 popover api 和 `

为什么 Flexbox 中相邻元素上的 flex:1 会影响另一个元素的固定宽度?

pandas `to_html()` - 如何只使特定的行有边框

SVG 调整大小而不是溢出

不同屏幕尺寸的显示问题

如何根据行中的其中一列将行居中?

如何在滚动行中显示一张图片和下一张图片的一半?

父背景仅在子元素中可见

CSS 斜角与 3 行对齐

变换元素以适应高度(Angular,SCSS)

绝对定位的 div 与另一个静态定位的 div 的边距顶部一起移动