2012-11-08 14 views
5

ist der Code:Wie überschreibt man einen Box-Shadow Bootstrap Mixin richtig? Dieser

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

Und das ist die LESS-Stil:

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

Ich möchte außer Kraft setzen/deaktivieren Sie die mixin auf der Unterliste, so habe ich versucht, dieses:

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

... aber es hat nicht funktioniert. Die einzige Art, wie ich es an die Arbeit bekam, war explizit jede Zeile auf der mixin überschrieben:

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

So wha'ts falsch mitul ul li { .box-shadow(none); }?

Antwort

11

Schade, dass ich nicht die schlechte Ausgabe überprüfen, wenn er die ganze Sammlung brach, aber

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

... arbeitet just fine. : P

5

Wenn Sie Twitter Bootstrap mit SCSS/SASS verwenden, würde ich die eingebauten Mixins verwenden, welcher Browser spezifischen Flags handel:

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