@Black_Fire

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

Нужно применить list-style-position к спискам, но так как стандартный маркер отменен и вместо него кастомный, то свойство не срабатывает. Нужно, чтобы были отступы как на скрине.

Сниппет здесь

60c8aa857c05d191947672.png
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 2
AntonLitvinenko
@AntonLitvinenko
HTML coder
ul.list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	counter-reset: list-counter;
	li {
		position: relative;
		padding-left: 30px;
		&::before {
			counter-increment: list-counter;
			content: counters(list-counter,".") " ";
			position: absolute;
			left: 0;
			top: 5px;
			display: block;
			font-size: 12px;
		}
	}
}
Ответ написан
@SashaYue12345
Через &:before или &:after, через background-image и абсолютом прикрепить к li, а для текста в li дать отступ
Ответ написан
Ваш ответ на вопрос

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

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