Вложенный селектор параграфов — почему не работает?

Question

[Леонид]

Имеется такой вот HTML-код:

<p>Text 1</p>
<p>
  <p>Text 1</p>
</p>
<div>
  <p>Text 3</p>
</div>
<b>Text 4</b>
<b>
  <b>Text 5</b>
</b>

и CSS:

p {color: red;}
p p {color: green;}
div p {color: blue;}
b {color: grey;}
b b {color: blue;}

В итоге, имеем на странице:


Посмотреть пример можно здесь: https://jsfiddle.net/12mb0014/

Получается вложенный селектор:
p p {color: green;}
не срабатывает, хотя вложенный селектор:
b b {color: blue;}
работает.

Почему?

Answer 1

[#FFFFFF]

а вы посмотрите через инспектор, как в итоге браузер рендерит вашу верстку. Абзац не может быть вложен в абзац.

Answer 2

[kiberlain]

параграф нельзя размещать в параграфе )

Answer 3

[Socrates]

интересно, что вынудило такую ерунду писать