CSS中是否有变量变量之类的东西？答案

【问题标题】：Is there such a thing as a variable variable in CSS?CSS中是否有变量变量之类的东西？
【发布时间】：2020-04-02 01:29:13
【问题描述】：

我有很多风格。根据用户所在的页面使用的整个块。但我想把它浓缩成一个街区。例如，这是一个 CSS 块的 sn-p：

h1.index { color: var(--index-page-color); }
p.index { color: var(--index-page-color); }

这样的样式还有一些，总共大约 30 行，每个页面都有自己的块：索引、连接、采访、朋友、商品、订阅等。这可能会变得笨重。我想做的是一些可变变量，例如：

h1.var(--page-name) { color: var(--var(--page-name)-page-color); }
p.var(--page-name) { color: var(--var(--page-name)-page-color); }

将所有 CSS 缩减为一个块。这可能吗，如果可以，语法是什么？

【问题讨论】：

【解决方案1】：

将每个页面包装在它自己的 div 容器中，然后根据 div 容器名称制作不同的代码，并在一个 css 页面中完成所有操作

像这样：

首页

<div class="homepagecontainer">
All your page content goes here
<div>

对每个页面执行此操作，但容器名称不同

然后按如下方式做你的css

.homepagecontainer h1{
Color:black;
}

.aboutuscontainer h1{
Color:blue;
}

对每个页面都这样做，然后每个页面都有不同的 css

【讨论】：