# CSS variables

URL: https://caijiao.org/reference/css/css-variables
Source: docs/reference/css/css-variables.md
Description: CSS 自定义属性用于主题、组件参数和响应式变量。

CSS 自定义属性用于主题、组件参数和响应式变量。

## 语法

```text
--brand: #2563eb;
color: var(--brand);
```

## 最小示例

```js
document.documentElement.style.setProperty('--brand', '#2563eb');
```

## 常见错误

- 只看语法不看运行环境限制。
- 没有处理错误、权限或兼容性分支。
- 示例上线前应结合真实浏览器、服务器或 Git 仓库验证。

## 相关内容

- [CSS 教程](/css/)
- [CSS Reference](/reference/css/)
- [前端问题库](/how-to/javascript/)