How to make the text color change when hovering over a field in the navigation?

Question

css

Делаю обыкновенную nav и столкнулся с небольшой дилеммой. При наведении на одну из кнопок, фон меняется на серый (как мне и требуется) но цвет текста меняется только при наведении на сам текст.
Что необходимо поменять, чтобы цвет текста менялся при наведении на любую точку поля, а не только сам текст?
Код - codepen.io/arthurua/pen/JGrwjo

Answer 1

li.active:hover {
    background: #d0d1d4;
}
li.active:hover a {
  color: #fff;
}

Answer 2

Делаете по-отдельности

li.active:hover a {
    color: #fff;
}

li.active:hover  {
   background: #d0d1d4;
}