@easycode
не боюсь задавать глупые вопросы ))

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

Имеется такой вот 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;}

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

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

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

Почему?
  • Вопрос задан
  • 195 просмотров
Решения вопроса 2
victory_vas
@victory_vas
а вы посмотрите через инспектор, как в итоге браузер рендерит вашу верстку. Абзац не может быть вложен в абзац.
Ответ написан
Комментировать
@kiberlain
параграф нельзя размещать в параграфе )
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Karmov69
интересно, что вынудило такую ерунду писать
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы