p { color:blue; text-align:center; } .marked { background-color:blue; } .marked p { color:white; }
Этот параграф синего цвета и он выровнен по центру.
Этот параграф не должен быть синего цвета.
Параграф внутри элемента с классом «marked» сохраняет выравнивание, но меняет цвет. Это связано с тем, что в записи стиля (между тегами ) свойства параграфа стоят выше, чем свойства элемента div. Таким образом, браузер считывая стили сверху вниз, применяет из по очереди.
Этот параграф синего цвета и он выровнен по центру.
Этот параграф не должен быть синего цвета.
Параграф внутри элемента с классом «marked» сохраняет выравнивание, но меняет цвет. Это связано с тем, что в записи стиля (между тегами ) свойства параграфа стоят выше, чем свойства элемента div. Таким образом, браузер считывая стили сверху вниз, применяет из по очереди.