汉堡包菜单，如何改变十字架的颜色

Question

我该怎么做，因为我有一个问题。 这个菜单上的X按钮出现了问题，我自己做了，而且一切正常，但是当我尝试更改X的颜色时出现错误。 我想将X的颜色改为黑色。 Theres a code

<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> 

Answer 1

更改类.active:after.active:before

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

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

Answer 2

你可以改变颜色与.active类

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

Answer 3

的背景将background color添加到CSS中的伪选择器中。将以下内容添加到您的代码中

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