身體類不工作

基本上我想要做的是這個...我有一個網站，我想改變背景白天或黑夜...所以第一天（直到下午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？

來源

2012-11-02 Rune Lyall

.day body{

應該是

body.day{

第一種適用於<body>這是一個元件內部與類day
礦適用於<body>與day類。

，以便爲：

.night body{

應該是：

body.night{

來源

2012-11-02 10:51:26 gdoron

+1第一個答案 – andlrc

@NULL;）遙遙領先由科斯9秒。 :) – gdoron

或者當我看着它：在SO的5個職位。（''13193781-13193776 ='之前有5個帖子'） – andlrc

使用

body.night {

選擇night類body。

來源

2012-11-02 10:51:27

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 childrenbody > div.test將只針對立即在body之內且具有test類別的div。

來源

2012-11-02 10:51:38

改爲使用body.day和body.night選擇器。

.day body表示嵌套在類day的任何標籤下的body標籤。

來源

2012-11-02 10:51:39 Kos

如果你對你的身體標記有一個類「飛人」的，那麼你應該引用它在你的CSS像這樣：

body.night { 
// css styles 
}

來源

2012-11-02 10:51:40

您正在使用descendant selectors這意味着「那是後代的主體元素一個元素（任何類型）是夜晚/日子的成員「。

要合身元素是一類的成員：

body.classname

來源

2012-11-02 10:51:50 Quentin

身體標記沒有HTML以外所以任何外圍標籤你的CSS類應該是

CSS

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

.night { 
    background:#000; 
}

HTML

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

來源

2012-11-02 10:53:06

你需要給這樣說：

body.night {} 
body.day {}

在你給現在的方式，它可以應用於爲<html>標籤。所以，給出這樣的方式：

<html class="day"> 

<html class="night">

在這種情況下工作。 :)

來源

2012-11-02 10:54:11

你的CSS更改爲

body.night { ... }

或者加入你的夜/天班html元素來代替。

來源

2012-11-02 10:55:33 vyakhir

爲什麼你會添加一個答案後有很多有效的答案說幾分鐘的同樣的事情？ – gdoron

您可能想要注意到，我的答案提供了2個選項，而不是其他答覆。 – vyakhir

-1

的一個問題是，你需要把圖像的URL在引號，我相信：

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

來源

2012-11-02 10:56:21 Aeoril

這裏甚至沒有接近解決方案，哥們 – ggdx

身體類不工作

回答

相關問題