Изменение цвета «» метки внутри «ли»

Question

Я пытался сделать это с помощью CSS, используя:

#mainmenu ul li:hover a 
{ 
    color: #000000; 
} 

Но он не работает, то я попытался с помощью JQuery с:

function change() 
{ 
    $(this).find('a').css('color','#000000'); 
} 

Вызов OnMouseOver внутри <li>, но это тоже не работает ...

Любая идея?

Answer 1

Попробуйте с color: black !important, и если это сработает, то найдите стиль, переопределяющий его и перегруппировав свой код.

Answer 2

Код CSS размещены работы при тестировании с простейшими HTML как

<div id=mainmenu> 
<ul><li><a href=foo>link</ul> 
</div> 

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

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

Использование !important может быть полезно для того, чтобы убедиться, что это не проблема HTML или опечатка в коде CSS, но !important редко следует использовать на реальных страницах, особенно в тех случаях, когда вы действительно не знаете, как ваши таблицы стилей работают вместе ,

Answer 3

Просто попробуйте зависания

#mainmenu ul li a:hover 
{ 
    color: #000000; 
} 

Answer 4

Я думаю, что CSS может справиться с вашей проблемой в любом случае, если вы хотите решить с помощью JQuery вы можете использовать эту ссылку Jquery Hyperlink Plugins