1

基本上我想做的是这个......我有一个网站，我想在白天或晚上改变背景......所以第一天（（直到晚上 7 点左右））然后晚上直到 7 点左右大约是..我有一个脚本可以更改我的body标签的类以反映我的CSS页面中的两个不同的body元素..

.night body {
    font-size:18px;
    color:#999;
    background-image:url(nightwolfwall.jpg);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-color: #000; 
}
.day body {
    font-size:18px;
    color:#999;
    background-image:url(daywolfwall.jpg);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-color: #000; 
}

但是对于我的生活..我无法让它们工作..我什至尝试手动更改body标签的类来测试类ID..什么都没有..我在css中做错了什么吗？

4

9 回答 9

3 
.day body{

应该

body.day{
  • 第一个适用于<body>带有类的元素内的day
  • 我的适用于<body>同班day。

至于：

.night body{

应该：

body.night{
于 2012-11-02T10:51:26.157 回答
2

改用body.day和body.night选择器。

.day body表示body嵌套在任何带有 class 的标签下的标签day。

于 2012-11-02T10:51:39.713 回答
2

您正在使用后代选择器，这意味着“作为夜间/白天成员的元素（任何类型）的后代的主体元素”。

要匹配作为类成员的body 元素：

body.classname
于 2012-11-02T10:51:50.690 回答
1

利用

body.night {

选择body类night。

于 2012-11-02T10:51:27.397 回答
1

body.night { /* CODE */ }

body.day{ /* CODE */ }

CSS 规则基本上是分层编写的。左边是最抽象的元素，右边是最具体的元素。换句话说，在另一个元素内部的元素总是与前者正确。

当一个类被分配给一个元素时，你编写连接到元素的类（与 ID 相同），而不是在两者之间使用空格。

body.day不一样。_ body .day后者针对内部body具有 class的元素day。这可以是任何元素。

另请注意，使用此代码时元素的深度没有限制。例如：body .day有很多可能的 HTML 结构。例如：

<body>
  <div class="day">
  </div>
</body>

但是也：

<body>
  <div>
    <div>
      <div>
        <div class="day">
        </div>
      </div>
    </div>
  </div>
</body>

注意：您可以通过使用仅选择元素的直接子>元素，例如body > div.test，将仅针对直接位于内部body且具有 class 的div test。

于 2012-11-02T10:51:38.313 回答
1

如果你的 body 标签上有一个“night”类，那么你应该在你的 CSS 中引用它，如下所示：

body.night {
// css styles
}
于 2012-11-02T10:51:40.373 回答
1

你需要这样：

body.night {}
body.day {}

以你现在给予的方式，它可以应用于<html>标签。所以，给这种方式：

<html class="day">

<html class="night">

在这种情况下有效。:)

于 2012-11-02T10:54:11.460 回答
0

Body 标签除了 html 之外没有任何封闭标签，所以你的 css 类应该是

CSS

body {
   margin:0;
   /* other property */
}

.night {
    background:#000;
}

HTML

<html>
  <head>
  </head>
  <body class="night">
  </body>
</html>
于 2012-11-02T10:53:06.767 回答
0

将您的 CSS 更改为

body.night { ... }

或将您的夜间/白天课程添加到 html 元素。

于 2012-11-02T10:55:33.000 回答