Как в горизонтальном меню фон для каждой категории сделать разных цветов?

[alinalessioYandex]

Есть ли какие идеи сделать вот так?

 

а именно:

 

чтобы в горизонтальном меню категорий для каждой категории фон был разных цветов.

 

В случае голого html это конечно не поблема - для каждого пункта свой класс с css стилями, но в opencart меню категорий динмаческое. Как можно оформить, сохранив возможность заполнения категорий из админки?

 

У меня появилась идея в админке в поле "Название категории" писать так: <span class="red">Компьютеры</span> И в css приписать для этого класса нужный цвет. Но проблема в том, что все что вносится в это поле, отображается как название.

 

Как можно изменить так, чтобы в поле "Название категории" можно было писать теги?

[xds]

По-моему Вы пошли не по тому пути. Все, на самом деле, очень просто!

можно использовать псевдокласс nth-child в css. Выглядеть это примерно так будет

#menu > ul > li:nth-child(1) {background: red;}
#menu > ul > li:nth-child(2) {background: green;}
#menu > ul > li:nth-child(3) {background: blue;}

и так далее...

[alinalessioYandex]

[РЕШЕНО]

 

 

Спасибо xds. Действительно работает! Я и не знал что такое возможно! Вот ведь, век живи - век учись!

#menu > ul > li:nth-child(1) {background: red;}
#menu > ul > li:nth-child(2) {background: green;}
#menu > ul > li:nth-child(3) {background: blue;}

и так далее...