如何正确覆盖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); }