@d3_dx

Как вывести нумерацию для определенных элементов (counter-reset)?

Нужно, чтобы нумерация была во всех блоках кроме первого и последнего, там должно быть пусто.
Пробовал выбирать нужные элементы через

nth-child(n+2):nth-child(-n+6)

но что-то counter-reset тогда не работает
5c31bd31f17c5171554834.png
<div class="row">
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>

body {
  font-size: 14px;
  padding: 50px;
}
.row {
  counter-reset: list;
}
.row a {
	width: 35px;
	height: 35px;
	background: #999;
	display: inline-block;
	text-align: center;
	line-height: 35px;
  text-decoration: none;
}
.row a::before {
	content: counter(list)!important;
	counter-increment: list;
  color: #333;
}
  • Вопрос задан
  • 36 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Spartan.by Минск
от 400 до 700 usd.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.
22 янв. 2019, в 00:48
60 руб./за 1000 зн.
22 янв. 2019, в 00:09
120000 руб./в месяц
21 янв. 2019, в 23:37
1000 руб./за проект