РЕДАКТИРОВАТЬ: Чтобы уточнить, я хочу, чтобы цвет ссылки менялся, когда я наводил курсор на поле меню, а не на ссылку. У меня уже меняется цвет ссылки при наведении на нее курсора.

Я могу лучше объяснить свою проблему скриншотами. Курсор в них не отображается. У меня пока только заголовок главного меню ссылается на что-то.

Вот как обычно выглядит меню: введите описание изображения здесь

Вот как я хочу, чтобы он все время выглядел при наведении курсора на заголовки:

enter image description here

Как вы можете видеть ниже, текст «Главное меню» исчезает при наведении курсора на поле заголовка. Он появляется только при наведении курсора на текст. На этом изображении у меня есть курсор в правом нижнем углу окна главного меню. На следующем изображении он находится над текстом. Я полагаю, просто указываю на очевидное.

enter image description here

enter image description here

Я установил черный цвет текста в ссылках по умолчанию и белый при наведении курсора. У меня установлен черный цвет фона заголовков меню при наведении на них курсора. Вот где возникает проблема.

Есть ли способ изменить цвет текста в ссылках на белый при наведении курсора на поле заголовка, а не только при наведении курсора на текст?

a{
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #fff;
}

ul li:hover {
  background: #000;
  color: #fff; 
}
1
Pizzaman 23 Фев 2015 в 22:08

2 ответа

Лучший ответ

У вас должно получиться что-то вроде этого:

ul li:hover a {
     color: #fff;
}

Это нацелено на ссылку внутри элемента меню, когда вы наводите курсор на элемент списка.

1
user3293746user3293746 23 Фев 2015 в 19:20

Дайте вашему пункту меню класс, скажем, menu_item, и добавьте css.

.menu_item:hover {background-color:#000; color:#fff;}
0
Coder-guy 23 Фев 2015 в 19:12