如何正確覆蓋box-shadow bootstrap mixin？

Question

這是代碼：

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

這是不太風格：

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錯了嗎？

Answer 1

太糟糕了，我沒有檢查壞輸出時，它打破了整個編譯，但

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

......工作就好。 ：P

Answer 2

如果你使用Twitter的引導與SCSS/SASS，我會用內建的混入，這HANDELS瀏覽器特定的標誌：

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