Как закрасить фоном весь html документ не трогая к примеру header и какие-то div?

Question

[Modern_ Man]

Как закрасить фоном весь html документ не трогая к примеру header и какие-то div?
Цвет = #e5e5e5
я пробовал стиль

*  {
    background: #e5e5e5;
}

Но в этом случае закрашивается все!

Comments

[Rustam Bainazarov]

Ну так «закрасьте» нужные элементы нужным цветом.

Answer 1

[WapSter]

body {background: #000}
header {background: #fff}

Answer 2

[KononovD]

Естественно, при селекторе * - закрашивается всё.. селектор "звездочка" - и обозначает "все элементы"
для body делаете нужный вам цвет, а для элементов, у которых этого бекграунда быть не должно - ставите белый.

body {
    background: #000
}
header, остальные-элементы {
    background: #fff
}

Answer 3

[lukoie]

Если Вы хотите "закрашивать" именно звездочкой, то Вам нужно еще дополнительно один класс, например .no-color или .bg-white
со стилем background-color: white !important
Тогда у тех элементов, где "закрашивать" не нужно, добавите этот класс.

ЗЫЖ я так понимаю, раз у Вас есть слово "закрашивать", то и "не трогая" тут тоже довольно условное слово, которое просто значит что там должен быть белый цвет? Если делать стиль background:none; то добавить к бекграунду мы уже ничего не сможем, а если background-color, то мы назначаем только цвет, потому переписывать его не придется, если надо будет что-то добавить к background этих элементов кроме цвета.

Comments

[Сергей delphinpro]

!important не нужен.
у звездочки нет специфичности и любой стиль ее перекроет.

[lukoie]

Сергей delphinpro, импортант поставил потому что в теории он может дальше править общие стили, и где-то перекрыть, а так тут будет уже прибито белым цветом, и указано что это обязательное условие