Куда пропал псевдо элемент?

Question

[Максим]

Куда то пропал псевдоэлемент
разметка и css : https://codepen.io/LenskyUser/pen/zzYbJN?editors=1100

делал для тренировки для этого вопроса

скрин нужного элемента

Answer 1

[Ivan Bogachev]

Быть может стоит добавить

li:nth-child(6):before{
    content: "6";
}

?

А вообще - зацените демку со счетчиком.

Comments

[Максим]

работает ... но почему первый на само деле второй ? а пятый это шестой - почему так ?

[Ivan Bogachev]

Максим Ленский: У вас в начале списка есть div, который и является "первым потомком", а "первый li" получается является "вторым потомком" и.т.д.

[Максим]

Ivan Bogachev: ммм .. так я же и писал

li:first-child{
 ..........
}

т.е он всё равно считает div за элемент li ?

[Капитан Какао]

Максим Ленский: он всё считает)

Answer 2

[Lorem Ipsum]

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Comments

[Максим]

я знаю про это ... он так же выводится на псевдо элементе