Как убрать лишние divider в меню?

Question

[igorc75]

Добрый день помогите доработать меню.
В горизонтальном меню есть дивидер, но он также присутствует в выпадающем меню, его там быть не должно.
вот ссылка

Comments

[Антон]

и какой ответ вы ожидаете с таким вопросом?

[Антон Литвиненко]

дайте стилям для дивайдера уточняющий селектор > или для выпадающего меню стилями отмените дивайдер

[igorc75]

Антон Литвиненко, вот ссылка, можете показать как ?
ссылка

[Ankhena]

Убирайте точно также как убираете для первого.
Правда, лучше не отменять у первого, а задавать только тем, кому нужно.

#menu-main > li:not(:first-child) a::before{стили псевдоэлемента}

И модифицировать, чтобы полоски были только у первого уровня

#menu-main > li:not(:first-child) > a::before{стили псевдоэлемента}

[igorc75]

Ankhena, не я так не смогу разобраться, пока что это сложно

[Ankhena]

igorc75, чтобы было проще, нужно вспомнить как в детском садике просят что-нибудь типа "достань все красные фигурки, но не кубики".
Тут тоже самое.

Вам нужны псевдоэлементы всех ссылок, которые являются непосредственными предками всех li, кроме первого.

Или можно просто скопировать :)

Answer 1

[Андрей]

В 31 строке напиши ul#menu-main > li > a:before (Знак больше перед псевдоэлементом)

Comments

[igorc75]

всего лишь > - жесть, пошел изучать CSS