Как установить разные цвета фона тела для разных страниц в одном CSS-файле? - PullRequest
Новая
       4

Как установить разные цвета фона тела для разных страниц в одном CSS-файле?

5 голосов
/ 18 ноября 2010

У меня есть несколько страниц.page1 <body id="page1">, page2 <body id="page2">, page3 <body id="page3"> тогда я хочу написать все правила CSS в одном файле CSS 'style.css', установить цвет фона страницы1: # 000;цвет фона страницы2: #fff;цвет фона страницы 3: # 00f; 

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

но это неправильно, как правильно написать?спасибо.

Ответы [ 3 ]

7 голосов
/ 18 ноября 2010

Просто удалите пробел (Вы хотите указать все элементы с именем тега body и ID page1): 

body#page1{background-color:#000;}
4 голосов
/ 18 ноября 2010 
#page1{background-color:#000;}
#page2{background-color:#fff;}
#page3{background-color:#00f;}

Вы также можете написать 

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

, но селектор тела в этом случае избыточен (и медленнее).

0 голосов
/ 27 марта 2019

Вы также можете сделать это через jQuery. См. Пример ниже. 

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


$(document).ready(function () {
    $('body').addClass('bg-white');
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...