Javascript 如何设置定义为CSS类的背景色(最终使用JQuery)?
我还不熟悉CSS/Javascript/JQuery。我在css文件中定义了一些颜色作为类。然后,我想使用其中一个作为HTML页面的背景色:Javascript 如何设置定义为CSS类的背景色(最终使用JQuery)?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我还不熟悉CSS/Javascript/JQuery。我在css文件中定义了一些颜色作为类。然后,我想使用其中一个作为HTML页面的背景色: .wf_blue { color:rgb(2, 12, 40); } .wf_white { color:rgb(255, 252, 247); } body{background-color: wf_blue;} 上述方法不起作用。我尝试使用JQuery,但没有成功。我看到了其他的问题,但无法找到解决方案。我做错了什么?您的类只能在如下HTML标记中
.wf_blue { color:rgb(2, 12, 40); }
.wf_white { color:rgb(255, 252, 247); }
body{background-color: wf_blue;}
上述方法不起作用。我尝试使用JQuery,但没有成功。我看到了其他的问题,但无法找到解决方案。我做错了什么?您的类只能在如下HTML标记中使用
<body class="wf_blue">....
如果您想在CSS中使用变量,可以查看或,它们是CSS预处理器您的类只能在如下HTML标记中使用
<body class="wf_blue">....
如果您想在CSS中使用变量,可以先查看或,它们是CSS预处理器,CSS应该是:
.wf_blue { background-color: rgb(2, 12, 40); }
.wf_white { background-color: rgb(255, 252, 247); }
在纯HTML中
<body class="wf_blue">
首先,CSS应该是:
.wf_blue { background-color: rgb(2, 12, 40); }
.wf_white { background-color: rgb(255, 252, 247); }
在纯HTML中
<body class="wf_blue">
如果要在CSS中使用变量,则必须使用中间语言,如或。如果要在CSS中使用变量,则必须使用中间语言,如或。如果不想使用javascript库(如jquery或prototype),则可以直接编写: A.HTML:
谢谢如果您不想使用javascript库(如jquery或prototype),可以直接编写: A.HTML:
谢谢当我这样做时,背景不会更新。看起来我必须在CSS中声明背景色,而不是颜色(这样就可以了)。我想知道是否有可能重复使用一种颜色作为背景色。不,这不是CSS的工作原理。不过,如果你想重复使用元素/颜色,请查看上面的链接。当我这样做时,背景不会更新。看起来我必须在CSS中声明背景色,而不是颜色(这样就可以了)。我想知道是否有可能重复使用一种颜色作为背景色。不,这不是CSS的工作原理。不过,如果你想重复使用元素/颜色,请看一下上面的链接。当我将颜色定义为背景色时,这是有效的。我想知道是否有可能重复使用一种颜色作为背景色。是吗?不,
颜色
和背景色
是分开的。正如托佩克所说,当我将颜色定义为背景色时,请查看CSST中的SASS或更少的可重用变量。我想知道是否有可能重复使用一种颜色作为背景色。是吗?不,颜色
和背景色
是分开的。正如托佩克所说,在CSS中查找SASS或更少的可重用变量
document.getElementsByTagName ('body') [0]. addClass ('wf_blue');