У меня есть <li>, который содержит <a href>
<li><a href="#" onclick="location.href='http://site.com'; return false;">Page</a></li>
Я хотел бы изменить цвет фона и цвет текста каждого элемента <li>, когда он завис. Я обнаружил, что цвет фона лучше всего изменить, нажав li:hover, а не a:hover, потому что a:hover изменяет фон только небольшой части строки (часть, которая имеет текст <a>).
li:hover { background-color:green; }
Мне также хотелось бы изменить цвет шрифта (<a>). Когда я делаю это на первом пути ниже, это не влияет на цвет текста <a>. И когда я делаю это на втором пути ниже, мне нужно будет нависнуть специально на <a>, чтобы цвет шрифта изменился, а не только где-либо в строке пули <li>.
li:hover { background-color:green; color:red; } //first way
a:hover { color:red; } //second way
Есть ли способ с css изменить цвет шрифта содержащегося <a href>, когда <li> зависает? опять же, это выглядит как HTML-разметка:
<li><a href="#" onclick="location.href='http://site.com'; return false;">Page</a></li>
