Изменение цвета фона ссылки меню при наведении курсора на пункт меню

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

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

Вот как обычно выглядит меню:

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

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

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

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

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

ul li:hover {
  background: #000;
  color: #fff; 
}