Jak prawidłowo przesłonić mixin bootstrap w box-shadow?

Question

Jest to kod:

<ul> 
    <li></li> 
    <li></li> 
    <ul> 
     <li></li> 
     <li></li> 
    </ul> 
</ul> 

I to jest MNIEJ styl:

ul li { .box-shadow(0 1px 3px rgba(0,0,0,.25)); } 

Chcę przesłonić/anulować wstawką podmenu, więc próbowałem to:

ul ul li { .box-shadow(none); } 

... ale to nie zadziałało. Jedynym sposobem, mam go do pracy był wyraźnie nadrzędne każdą linię na wstawek:

ul ul li { 
      -webkit-box-shadow: none; 
      -moz-box-shadow: none; 
        box-shadow: none; 
     } 

Więc wha'ts złegoul ul li { .box-shadow(none); }?

Answer 1

Szkoda, że ​​nie sprawdzić złe wyjście, gdy złamał całą kompilację, ale

ul ul li { .box-shadow(none); }

... działa dobrze. : P

Answer 2

Jeśli używasz twitter bootstrap z SCSS/SASS, chciałbym użyć wbudowanych wstawek, które Handels konkretne flagi Przeglądarka:

ul ul li { @include box-shadow(none); }