Ingernirated
@Ingernirated
Романыч

Почему так работает before в nth-child(1)?

Всем привет!
Почему, если поставить значение nth-child(1), то ничего не произойдёт, а если 2, то он сработает на первый элемент класса, по какой логике он так делает?
https://jsfiddle.net/ha0skq6c/
  • Вопрос задан
  • 89 просмотров
Решения вопроса 3
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Потому что первым элементом в потоке является H1, и по факту ваш первый bro, является вторым элементом. Оберните, например, ваши p.bro в div, и всё будет работать корректно.
Ответ написан
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
На вашем примере логика простая:
- Элемент должен быть первым
- Элемент должен иметь указанный класс bro

Вот так должно быть более понятно


Иными словами учитываются все элементы уровня, но свойства применяются если у элемента имеется указанный класс
Ответ написан
@archelon
используйте nth-of-type вместо nth-child
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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