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

Question

[Kerrik Солнце]

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

p {
	color: green;
}

body {
	color: pink;
}

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

Answer 1

[Максим Морев]

Потому что в спеке отдельной графой так описано. Про специфичность.

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

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

Comments

[Kerrik Солнце]

Да, теперь понятно. Спасибо большое)

Answer 2

[Александр]

Потому что ты задал "p" быть зеленым.

Answer 3

[mipfikus]

z индекс?

Comments

[Froggyweb]

Z-index здесь вообще ни при чем

Answer 4

[Froggyweb]

color: pink; для p это унаследованный стиль
color: green; - явно заданный
специфичность селекторов