Почему body «не перекрывает» p?

Привет, хочу спросить вот о чем. У меня есть body. В body есть элементы р. Почему, если я обращусь к этим элементам в CSS....ну например:

p {
	color: green;
}

body {
	color: pink;
}


На странице ВСЕ р будут всеравно написаны зеленым цветом? Body же по идее включает в себя все р, ну и в силу того, что вес специфичности у этих селекторов(body p) одинаковый, и body идет последним, почему этот селектор не перекрывает р? Почему все р по прежнему зеленые? Заранее спасибо)
  • Вопрос задан
  • 105 просмотров
Решения вопроса 1
SeaInside
@SeaInside
10 лет пилю все эти штуки
Потому что в спеке отдельной графой так описано. Про специфичность.

Стили непосредственно соответствующих элементов всегда предпочитаются унаследованным стилям, независимо от специфичности унаследованного правила


Чтобы уложить в голове, нужно нарочито утрировать и посмотреть как это работает:

Ответ написан
Пригласить эксперта
Ответы на вопрос 3
mipfikus
@mipfikus
Вообще я не знаю, но
@Froggyweb
color: pink; для p это унаследованный стиль
color: green; - явно заданный
специфичность селекторов
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы