как сделать разный цвет выпадающего меню?

[Deflep]

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

dropdown-menu li > a:hover {
     background-color: #229ac8;

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

[Demidovez]

dropdown-menu li:nth-child(1) > a:hover {
     background-color: #229ac8;
}

dropdown-menu li:nth-child(2) > a:hover {
     background-color: #112233;
}

dropdown-menu li:nth-child(3) > a:hover {
     background-color: #334455;
}

dropdown-menu li:nth-child(4) > a:hover {
     background-color: #667788;
}

 

[jaffagold]

Мне больше нравится, когда фон особый у главной категории и блока подкатегорий. ( дело вкуса).

Спойлер

На дефолтном шаблоне типа того:

.dropdown:nth-child(8), .dropdown:nth-child(8) .dropdown-menu {

   background: #eaba5f;

}

.dropdown:nth-child(1), .dropdown:nth-child(1) .dropdown-menu {

   background: #76bd76;

}

Но надо будет еще с  :hover поработать.

Змінено 27 серпня 2017 користувачем jaffagold

[Deflep]

все равно изменяет все меню... а не по одной категории... добавляю сюда

.navbar-nav > li > .dropdown-menu {
    padding: 20px 0;
    border: 0 none;

 

Змінено 27 серпня 2017 користувачем Deflep

[jaffagold]

http://htmlbook.ru/css/nth-child