Как сменить цвет текста при нажатии в меню?

Question

[N-I]

При нажатии на подпункт не получается сменить цвет текста на белый.
https://codepen.io/N-I/pen/GMKRNQ
При нажатии на пункт.

Answer 1

[Максим]

https://codepen.io/infernotiv/pen/rGBaQJ

Comments

[N-I]

Спасибо.)

Answer 2

[0xD34F]

Так:

#main-navbar {
  .dropdown-menu {
    .dropdown-item {
      &:active a {
        color: $navbar-dark-active-color;
      }
      ...

??

Comments

[N-I]

Да.

Answer 3

[George Postoronca]

ты же добавил :active стиль для класса .active а этот класс нет ни у одного из пунктов меню

Comments

[George Postoronca]

a {
    &:hover {
        text-decoration: none;
        color: $blue;
     }
              
    &:active {
        color: $navbar-dark-active-color;
    }
 }

Answer 4

[Formula_1]

a {
    &:hover {
        ...
    }
              
    &:focus{
        color: $white;
     }

}

Comments

[N-I]

А цвет текста пункта? Если нажимать не на ссылку.