Здравствуйте есть меню с многими уровнями
<ul id="gooeymenu3" class="underlinemenu">
<li class="menu"><a href="/uslugi.html">Утилизация | Уничтожение</a>
<div class="submenu_cont">
<ul class="submenu_links">
<li><a href="/danger.html">Утилизация/Уничтожение опасных отходов</a>
<ul class="second_level_menu">
<li class="children"><a href="/danger.html">Утилизация, уничтожение опасных отходов</a></li>
<li class="children"><a href="/danger.html">Утилизация, уничтожение опасных отходов</a></li>
</ul>
</ul>
</div>
</ul>
Я хочу сделать чтобы при наведении на li элемент буквы меняли цвет
пишу так
#gooeymenu3 .submenu_links li:hover a{
color:#eee;
}
Но в таком случае на это правило реагируют и буквы дочернего li элемента а надо чтобы буквы дочернего элемента изменялись только при наведении на элемент li с классом children, как это осуществить?