Как изменить некоторые маркеры в списке (UL/LI)?

Question

[Erick_Flatcher]

У меня есть список ul/li. Указываю типа маркера с помощью list-style-image: url('mark.gif'); для тега ul. К примеру, я хочу поменять первых 3 маркера, чтобы подчеркнуть важность этих пунктов. Как я понимаю, через указание параметров для нужных li это никак сделать нельзя, ведь маркер то установлен для всего списка. Как это сделать?

Comments

[Сергей Тутуков]

через :before сделай маркеры.

Answer 1

[Андрей Федоров]

Можно отменить нештатный маркер для всех элементов кроме первых трех. codepen.io/aliencash/pen/jyjYdO

Comments

[Erick_Flatcher]

о! отлично! а как бы еще сделать класс, который я буду присваивать нужным элементам при публикации?

[Андрей Федоров]

Erick_Flatcher: как сделать класс? серьезно? пишете в html для нужного тега class="bla-bla", в css .bla-bla {}. В фигурных скобках указываете любые свойства, какие вам нужно.

[Erick_Flatcher]

Я просто немного запутался. Все оказалось намного проще.Не знал, что для каждого отдельного li можно указать просто свой маркер и в этом и была проблема. :)

Answer 2

[Алексей Скляров]

Для каждого "важного" li добавляете какой-нибудь класс, далее через псевдоэлемент :before добавляете картинку.

Answer 3

[Erick_Flatcher]

Простите. Я просто немного запутался. Все оказалось намного проще.Не знал, что для каждого отдельного li можно указать просто свой маркер. :)