Задать вопрос
@lapinstas

Можно ли настроить стиль так, чтобы он отражался только для нумерованных списков?

не смог найти решения (хотя, может, его и нет:). Суть: есть красивый стиль для нумерованных списков. Беда в том, что он подхватывает не только нумерацию, но если есть после нумерованных еще и маркированные, и их тоже. В итоге все выглядит жутко.

Вот сам стиль:

ol {
	list-style-type: none; 
	counter-reset: num;
	margin: 0 0 0 60px;
	padding: 15px 0 5px 0;
	font-size: 18px;
}
ol li {
	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}
ol li:before {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: -60px;
	width: 50px;    
	color: #ef6780;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}


А вот что получается в итоге:

67aa7ff66b7dd503448292.png

Скажите, можно ли дописать какое-то правило, чтобы он "замечал" только нумерованные, но не трогал маркированные? Спасибо!
  • Вопрос задан
  • 269 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
inkShio
@inkShio
Гугли css селекторы
ol > li:before
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы