@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>


Как для конкретного номера задать стиль?
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
Eridani
@Eridani
Мимо проходил
.rating:nth-of-type(3) {
  color:#f00;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
PavelMonro
@PavelMonro
Читайте про css параметры nth-child, last-child, first-child
В вашем случае как пример: .main .rating:nth-child(3) - третий объект
Или .main .rating:last-child - последние объект
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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