2012-11-08 44 views
5

これはコードです:ボックスシャドウのブートストラップミックスインを正しく上書きするには?

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

そして、これはLESSスタイルです:私は/上書きサブリストのミックスインをキャンセルしたい

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

ので、私はこの試みた:

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

...でも動作しませんでした。私は仕事にそれを得た唯一の方法は、明示的にミックスインにそれぞれの行をオーバーライドしていた:

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

のでul ul li { .box-shadow(none); }と間違っwha'ts?

答えて

11

、それは全体のコンパイルを破ったときに私が悪いの出力をチェックしませんでした残念、しかし

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

は...ちゃんとを進めています。 :P

5

あなたはSCSS/SASSでTwitterのブートストラップを使用している場合は、私はブラウザ固有のフラグをHANDELS組み込みミックスイン、使用します。

ul ul li { @include box-shadow(none); } 
関連する問題