Правило Css не работает

Question

на моем сайте Я меняю цвет шрифта в селекторе, но он по-прежнему остается прежним старым цветом. Я не понимаю причину, потому что другое правило в том же селекторе работает правильно.

Это сайт: http://debatoversigt.dk/

Я triyng изменить цвет в этом селектор, потому что мне нужно иметь желтый шрифт в левом меню пункт при выборе:

.selected{ 
background-image: url('../images/left_menu_hover.png'); 
background-repeat: no-repeat; 
background-size: 100% auto; 
color:yellow!important; 
} 

Я добавили другое правило, но не работает по цвету, но пример объявления работает на фоне:

.art-block li:hover , .art-block li:visited 
{ 
color:red !important; 
} 

Answer 1

Ваш .selected КСС быть overwridden по Css каскада:

.art-blockcontent * { 
    color: #666 !important; 
} 

имеет более высокую специфичность, чем

.selected { 
    color: #FF0 !important; 
} 

так это "выигрыш"

пытается изменить свой .selected стиля:

#art-main .selected { 
    color: #FF0 !important; 
} 

использован дополнительный идентификатор будет увеличить специфичность вашего правила css и заставить его «выиграть», узнать больше о специфике css: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Answer 2

Ваши заголовки - это ссылки, поэтому простое изменение цвета не будет работать.

.selected a:link, .selected a:visited { 
text-decoration: none; 
color: yellow; 
} 

Попробуйте что-нибудь в этом роде.