javascript - 我可以给css属性起个名字吗

Question

这是一个例子：

这是正常的CSS：

h1{
  background-color: #fafafa;
}

我想将其更改为以下内容：

h1{
  background-color: default or any id name 
}

我在哪里可以给出一个 javascript 命令来更改这个颜色代码（即#fafafa）？它在样式表中的默认位置或任何 id 名称的位置。这样我就可以在颜色切换器中使用它来更改此代码的颜色。我不想少用，因为我的项目已经走得很远了。

Answer 1

您不能这样做，因为 CSS 是完全静态的，您可以做的是，当您想在特定条件下更改该元素的颜色时，您可以javascript/jQuery通过首先将元素包含在 aspan/div中来向元素添加 id。css并为该特定 id写一个新的。因此，您想要的事件 newcss将应用于该元素，并且颜色将在运行时更改。

Answer 2

例如，您可以在样式中使用一些变量，您可以使用它：

var width = "150px";  

在容器中使用类似的东西：

<div style="width: @width">A div with width 150px.</div>  

但是兄弟没有他们的默认值。
由于您显示的代码使用十六进制值作为颜色。这不能转换为默认名称。但是使用变量可以做到这一点。或者您可以尝试使用 rgba。但是没有任何默认名称。但是，您可以尝试将颜色名称本身写为：

color: white; 

或者

color: red;

但我不确定它是否适合你的工作。

Answer 3

您可以通过此字体系列为 css 属性命名

p
{
font-family:"Times New Roman",Georgia,Serif;
}