Здравствуйте.
Есть задача:
Сделать меню как у вайлбериз в топе
Магазин Вайлбериз.
Нужны такие же пункты меню с разделителями.
Данный шаблон будет ставиться потом на OpenCart.
Особенного данного меню заключается в том, что в начале нет разделителя и в конце меню нет разделителя, но это решается (один из способов) путём first- и last-child.
Посмотрел код у вайлдбериз, там реализация сделана путём добавления дополнительных li со свойствами content: "точка".
Сложность у меня возникла вот в чём:
1. Как сделать так, чтобы эти li-разделители появлялись ТОЛЬКО между пунктами меню?
2. При этом эти li-разделители НЕ должны появляться у крайних элементов меню (смотрите конец первой строчки меню на Вайлдбериз и начало второй строчки).
Особенность в том, что шаблон будет кастомизироваться клиентом через админку, а пунктов меню может быть овер-дофига. А то так можно было бы заверстать железно и всё.
По поводу стилизации, то все пункты меню центрировать в контейнере, ну и задать всем элементам свойство, чтобы не выходили в случае если количество символов большое, а переносился весь li на новую строчку.
А как решить вопрос с разделителями? Тут без js не разберёшься, но пока не могу сообразить даже принцип и логику реализации.
Помогите пожалуйста.
Спасибо.
