Блог

У меня есть строка меню, построенная из «li» и «a» внутри. В css я пытаюсь внести некоторые изменения в цвет при наведении курсора мыши на тег «li». если я создаю какой-то другой фон, он его меняет. но я также хочу одновременно изменить цвет текста тега. Я пишу color: something …. но из-за того, что тег «a» находится не на границе тега «li», а немного внутри, вам нужно немного переместить мышь внутри кнопки, чтобы изменить цвет тега «a».

Итак, когда запускается событие наведения «li», как я могу также изменить цвет «a»? Только с использованием css и ничего больше.

Просто:

 li:hover a {
    color: black;
}
  

Конечно, это не работает в IE6.

Одна вещь, которую вы можете отметить, это то, что, хотя цвет текста изменится при переносе, если элемент a меньше элемента li, ссылка не будет работать на краю кнопки / меню. Чтобы компенсировать, добавьте отступы и отображение: блок на теге a.