Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设置定义为CSS类的背景色(最终使用JQuery)?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何设置定义为CSS类的背景色(最终使用JQuery)?

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标记中

我还不熟悉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标记中使用

<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');