панель меню CSS активный цвет фона

Question

Привет, ребята, я изучаю и продвигаюсь по основам CSS. Мне интересно, как сделать фон активной панели меню оранжевой? я попробовал

ul#mcolor li.active a { 
    color: rgb(25, 25, 25); 
    background-color: Black; 
} 

но это не работает. что мне нужно добавить в мой код, чтобы изменить цвет фона панели меню avtive? Пожалуйста, направьте меня в правильном направлении. Заранее спасибо.

вот мой код до сих пор http://jsfiddle.net/blackknights/jADWj/embedded/result/ Активная страница в настоящее время Главная

Answer 1

Существует слишком много ошибок в коде примера. Но для текущего вопроса:

ul#mcolor li.active a 

вы используете li.active но active класса применяются для a тега в вашем HTML.

Надеется, что это поможет ...

Answer 2

Посмотри на Is there a CSS parent selector? нити, и вы узнаете, что нет никакого способа, чтобы назвать родитель a тега, в вашем примере.

Итак, вам нужно добавить класс active в свой тег li, а не a, а затем сделать свой CSS таким, как этот.

#mcolor li.active { 
    background: none repeat scroll 0 0 black !important; 
} 

Я видел, как вы использовали <font> тег с color. Если вы хотите изменить свойство цвета ваших кнопок с помощью CSS, дайте color теге a и не давайте это <font>. Предложите вам ознакомиться с учебниками W3Schools HTML.

Answer 3

Вы должны установить #active для a элемента:

ul#mcolor li a.active { 
background-color: orange; 
color: Black; 
} 

В дополнение к этому rgb(25, 25, 25) черный цвет (а не оранжевый).

См. Также http://www.colorcodehex.com/191919/.

Answer 4

Описание: Вот скрипка, которую вы ищете. http://jsfiddle.net/jADWj/4/embedded/result/

Просто введите active класс в li. Благодарю.