如何将背景色定义为CSS类(最终使用JQuery)

How to set a background color defined as a CSS class (using JQuery eventually)?

本文关键字：JQuery 背景色 定义 CSS      更新时间：2023-09-26

我对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，但没有成功。我在SO上看到过其他的问题，但是我不知道怎么解决。我做错了什么?

你的类只能在这样的HTML标记中使用

<body class="wf_blue">....

你也可以用jQuery设置这个类

$('body').addClass('wf_blue');

如果你想在CSS中使用变量，你可以看看SASS或LESS，它们是CSS预处理器

如果你想在CSS中使用变量，那么你必须使用中间语言，如less或Sass。

首先，CSS应该是:

.wf_blue { background-color: rgb(2, 12, 40); }
.wf_white { background-color: rgb(255, 252, 247); }

在纯HTML中

<body class="wf_blue">
与jQuery: 

$(document).ready(function() {
  $("body").addClass("wf_blue");
});

如果你不想使用javascript库(如jquery或prototype)，你可以直接写:a . HTML: 

 <body class="wf_blue">

B。javascript: 

 document.getElementsByTagName ('body') [0]. addClass ('wf_blue');

谢谢

相关文章：