Блог

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

 <button class="js-menu menu" type="button">
    <span class="bar"></span>
</button>

<nav>
    <ul>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>       
    </ul>
</nav>
  

Измените фон класса .active:after .active:before

 .active amp; {
  background: none;
  amp;:after,
  amp;:before{
     background: red;
  }
  

http://codepen.io/pranesh-r/pen/gwkNwY

Вы можете изменить цвет с помощью .active класса

 .active amp; {
    background: none;
    amp;:before,
    amp;:after {
       top: 0;
       background:red
    }
}
  

Добавьте background color к псевдоселекторам в вашем CSS. Добавьте в свой код следующее

 .active .bar::before, .active .bar::after {
    top: 0;
    background: #000;
}