Comment définir les différents corps couleur d'arrière-plan pour les différentes pages dans un fichier css?

J'ai quelques pages. page1 <body id="page1">, page2 <body id="page2">, page3 <body id="page3"> alors je veux écrire toutes les règles css dans un fichier css style.css', la valeur de la page1 couleur d'arrière-plan:#000; page2 couleur de fond:#fff; page3 couleur d'arrière-plan:#00f;

body #page1{background-color:#000;}
body #page2{background-color:#fff;}
body #page3{background-color:#00f;}

mais c'est faux, comment écrire correctement? merci.

OriginalL'auteur yuli chika | 2010-11-18

  1. 7

    Il suffit de supprimer l'espace (Vous voulez spécifier tous les éléments avec le nom de la balise body et l'ID page1):

    body#page1{background-color:#000;}
    Thank u, cette fois ça marche.
    Cela est correct. Pour expliquer un peu: la règle de yuli chika a écrit à l'origine, body #page1, signifie "un élément avec l'id de la page 1 à l'INTÉRIEUR de l'élément de corps." Supprimer l'espace en fait "des éléments du corps avec de l'id de la page1."

    OriginalL'auteur Pekka 웃

  2. 4
    #page1{background-color:#000;}
#page2{background-color:#fff;}
#page3{background-color:#00f;}

    vous pouvez également écrire

    body#page1{background-color:#000;}

    butbody sélecteur est redondant (et lent) dans ce cas.

    +1 pour désigner la non-nécessité de la body (bien qu'il semble plus agréable quand il est là)

    OriginalL'auteur

  3. 0

    Vous pouvez le faire via jQuery.Voir l'exemple ci-dessous.

    .bg-white{
background-color: #fff;
}


$(document).ready(function () {
    $('body').addClass('bg-white');
});

    OriginalL'auteur Soubhagya Kumar