Как задать стили определённым номерам списка?

Question

[fuckingawesomenigga]

.main {
	counter-reset: heading;
}

.rating:before {
	position: absolute;
	counter-increment: heading;
	content: counter(heading);
}

<section class="main">
<div class="rating"></div>
<div class="rating"></div>
<div class="rating"></div>
<div class="rating"></div>
	</section>

Как для конкретного номера задать стиль?

Answer 1

[Антон]

.rating:nth-of-type(3) {
  color:#f00;
}

Comments

[fuckingawesomenigga]

если .rating:nth-of-type(3) не работает, если .rating:nth-of-type(1), то работает ко всем

Answer 2

[Павел]

Читайте про css параметры nth-child, last-child, first-child
В вашем случае как пример: .main .rating:nth-child(3) - третий объект
Или .main .rating:last-child - последние объект