Изменить свойство дочернего элемента

[Anatoliy_Donetskiy]

Привет!

Есть список

<ul class="menu">
<li class="menu-item"><a class="menu-link">ссылка 1</a></li>
<li class="menu-item"><a class="menu-link">ссылка 2</a></li>
<li class="menu-item"><a class="menu-link">ссылка 3</a></li>
<li class="menu-item"><a class="menu-link">ссылка 4</a></li>
</ul>

стиль

.menu-link {
color: #abc;
}

нужно менять цвет ссылки при наведении на курсора мыши на LI.

************************************************** *****
Вот что я натворил

$(document).ready(function(){
$("li.menu-item").mouseenter(function(event) {
var element = event.target;
var elementChild = element.firstChild;
// element.style.background = '#abc'; - Это работает
elementChild.style.color = '#abc'; - Это не работает, в rgb тоже задавал
// alert(element.nodeName); - Выдает #text
// alert(element.tegName); - Выдает undefinde, я так понял дело в этом
});
});


************************************************** *******

Помогите решить задачу. Думаю я просто не туда свернул. Или затупил ...
По моему тут все просто должно быть, но что то я не справляюсь.

[j0hnik]

<style>
	li:hover a {
		color: red;
	}
</style>

[Anatoliy_Donetskiy]

Спасибо) Все таки интересно как можно обратиться к свойствам ссылки через js ?

[рони]

Anatoliy_Donetskiy,

var elementChild = this.firstChild;