Question

基本上我正在尝试做的就是这个...我有一个网站，我想在白天或晚上改变背景......所以一天（（大约晚上7点左右））然后晚上直到早上7点左右。我有一个脚本，它改变了我的身体标签的类，以反映我的CSS页面中的两个不同的身体元素..

.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; 
}

但是对于我的生活..我无法让他们工作..我甚至试图手动改变身体标签的类来测试类ID ..而且没什么..我做错了什么css？

Answer 1

.day body{

应该是

body.day{

第一个适用于<body>，它位于具有类day
Mine适用于<body>类的day。

至于：

.night body{

应该是：

body.night{

Answer 2

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

.day body表示嵌套在任何标记为body的标记下的day标记。

Answer 3

您使用descendant selectors表示“作为夜间/白天成员的元素（任何类型的元素）的后代的身体元素”。

匹配类成员的正文元素：

body.classname

Answer 4

使用

body.night {

选择班级body的{{1}}。

Answer 5

body.night { /* CODE */ }

body.day{ /* CODE */ }

CSS规则基本上是分层编写的。最抽象的元素和最具体的权利。换句话说，在另一个元素内部的元素始终与前者相同。

当一个类被分配给一个元素时，你可以编写连接到该元素的类（与ID相同）和不是，其间有空格。

body.day 不与body .day相同。后者定位body中具有类day的元素。这可以是任何元素。

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

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

但是：

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

注意：您只能使用>选择元素direct children，例如body > div.test只会定位在body内并且有test类的div。

Answer 6

如果你的身体标签上有一类“夜晚”，那么你应该在你的CSS中引用它，如下所示：

body.night {
// css styles
}

Answer 7

你需要这样：

body.night {}
body.day {}

按照您现在提供的方式，它可以应用于<html>标记。所以，这样：

<html class="day">

<html class="night">

在这种情况下工作。 :)

Answer 8

Body标签除了html之外没有任何封闭标记，因此您的css类应该是

CSS

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

.night {
    background:#000;
}

HTML

<html>
  <head>
  </head>
  <body class="night">
  </body>
</html>

Answer 9

将您的CSS更改为

body.night { ... }

或者将你的夜/日课程添加到html元素中。

Answer 10

一个问题是你需要将图片网址放在引号中，我相信：

https://developer.mozilla.org/en-US/docs/CSS/background-image

身体类不起作用

10 个答案: