Как задать стиль конкретному вложенному элементу?

Question

[Groofy]

Имеем такой код

<div class="bb">
          <img src="img.png"/>
          <p>Hallo<span>World</span></p>
          <p>London of The Capital Great Britain.</p>

Вопрос -
1. Как задать стиль первому параграфу p
2. Как задать стиль span в первом параграфе
3. Как задать стиль второму параграфу
Без добавления новых id и class

Answer 1

[Сергей Наломенко]

1. Селектор :first-child
.bb p:first-child { ... }

2. Селектор :first-child и span
.bb p:first-child span { ... }

2. Селектор :nth-child
.bb p:nth-child(2) { ... }

Comments

[Groofy]

Спасибо, есть еще вопрос - такое написание .bb:nth-child(2) не работает (почему?) а такое работает .bb :nth-child(2) (зачем тогда уточнять тегом "p"?)

[Владислав Колоцей]

Пробел после bb. Nth-child это псевдокласс