以下是一个例子:
这是正常的CSS:
h1{
background-color: #fafafa;
}
我想将此更改为以下内容:
h1{
background-color: default or any id name
}
我在哪里可以提供javascript命令来更改此颜色代码(即#fafafa
)?样式表中的默认位置或任何id名称。
这样我就可以在颜色切换器中使用它来改变这段代码的颜色。我不想少用,因为我已经在我的项目中走得很远了。
答案 0 :(得分:1)
你不能这样做,因为CSS是完全静态的你可以做的是当你想在特定条件下改变那个元素的颜色时你可以使用javascript/jQuery
通过包含元素为元素添加一个id首先是span/div
。并为该特定ID写一个新的css
。所以在你想要的事件中,新的css
将应用于该元素,并且颜色将在运行时更改。
答案 1 :(得分:0)
您可以使用某些变量,例如您可以使用的样式:
var width = "150px";
在容器中使用类似的东西:
<div style="width: @width">A div with width 150px.</div>
但兄弟没有默认值。
由于您显示的代码使用十六进制值作为颜色。无法将其转换为默认名称。但是使用变量可以做到这一点。或者你可以尝试使用rgba。但是没有任何默认名称。但是,您可以尝试将颜色名称本身写为:
color: white;
或
color: red;
但我不确定这对你的工作是否有用。
答案 2 :(得分:-3)
您可以通过此font-family
为css属性命名p
{
font-family:"Times New Roman",Georgia,Serif;
}