правильный синтаксис для кода меню переопределения sass bootstrap - PullRequest
0 голосов
/ 01 июля 2019

Я работаю над настраиваемым меню начальной загрузки и по какой-то причине не могу изменить какие-либо стили пункта меню, когда пользователь находится в этом пункте.Что-то не так с моим синтаксисом, это утро понедельника, так что, может быть, я устал и у меня есть простая ошибка, но я не вижу этого.

 .navbar-inverse {
  .navbar-nav {
    padding: 10px !important;
    a {
      &:hover {
        border-bottom: solid green 3px !important;
        color: $my-white !important;
        font-weight: bold;
        background-color: transparent !important;
      }
      &:active {
        border-bottom: solid green 3px !important;
        color: $my-white !important;
        font-weight: bold;
        background-color: transparent !important;
      }
      &:focus {
        border-bottom: solid green 3px !important;
        color: $my-white !important;
        font-weight: bold;
        background-color: transparent !important;
      }
    }
  }
}

Я могу работать с css, например

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

border-bottom: сплошной зеленый 3px! Важный;цвет: $ my-white! важный;вес шрифта: полужирный;цвет фона: прозрачный! важный;}

но не в sass, почему это так?

...