首页 > 试题广场 >

关于 CSS 自定义属性（变量），以下使用方式正确的是？

[单选题]

可在 :root 伪类中定义全局变量，如 :root { --main-color: #ff0000; }

子元素无法继承父元素定义的 CSS 变量

使用变量时需通过 @var(--main-color) 引用

CSS 变量的命名必须以数字开头

查看答案及解析

风雪心

CSS 变量（自定义属性）规则简要如下：
1.命名规则：
变量名必须以 -- 开头，比如 --main-color。
区分大小写：--Color 和 --color 是不同变量。

2.声明位置：

可在任意选择器里声明，常放在 :root 做全局变量。

:root { --main-color: #1677ff; }

3.使用方式：
通过 var() 读取：

color: var(--main-color);

4.回退值（可选）

变量不存在时可给默认值：

color: var(--text-color, #333);

5.作用域与继承
遵循 CSS 层叠和继承规则：就近生效，子元素可继承，也可覆盖父级同名变量。

6.取值内容
变量本质是“字符串片段”，可存颜色、长度、阴影等，但要放在合法 CSS 属性语境中才会生效。

发表于今天 09:27:33 回复(0)

提交观点

问题信息

CSS

难度：

1条回答 13收藏 26浏览

扫一扫，把题目装进口袋