Question

我想摆脱这个：

document.body.className = "someclass";

我想在CSS中这样做。

body.someclass {
.
.
.
}

不幸的是，我无法在Firefox，Chrome中使用它。

我在这里做错了吗？我们有什么方法可以将CSS类应用于body？

Answer 1

你在做两件不同的事情。你的JavaScript实际上是将“someclass”类分配给你的body元素，而你的CSS是样式一个带有“someclass”类的body元素，它不会将类分配给它，那不是CSS的任务。你可以用普通（X）HTML这样做：

<body class="someclass">

Answer 2

部分问题是有效的XHTML每个文档只能有一个<body>个元素。类通常归因于多次出现的元素（或者更确切地说，是要多次应用的样式）。

由于只有一个身体，我从未添加过身份证或课程。风格：

body {
    background-color: red;
}

如果您有要重复使用的课程，请在选择器中使用逗号：

.coolStyle, body {
    font-weight: bold;
    color: red;
    text-decoration: blink;
}

但是，所有这些都可能毫无意义，因为除非另外明确设置样式，否则应用于<body>标记的任何内容都将由其子项继承。

Answer 3

因为您的文档中只有一个正文，所以不需要在正文中使用类。除非你想因为某些原因改变JavaScript类来改变身体的风格。

如果你必须在课堂上放一个课，那就这样：

<body class="someclass">

然后访问该类并修改css中的样式，如下所示：

body.someclass{
  ...(style parameters goes here)
}

但是你可以改变标签的所有元素的样式，因为你只有一个体，你可以简单地将它添加到css中：

body{
  ...(style parameters)
}

并没有在html中添加任何内容。但是，对于reoccuring标记，请使用类来表示将多次使用的样式，并将id用于仅在页面上使用一次的样式。您可以在html中为这样的标记指定一个id：

<tag id="someid">