这是代码:

<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)); } 

我想覆盖/取消子列表上的 mixin,所以我尝试了这个:
ul ul li { .box-shadow(none); } 

......但它没有工作。我让它工作的唯一方法是明确覆盖mixin上的每一行:
ul ul li {  
          -webkit-box-shadow: none; 
             -moz-box-shadow: none; 
                  box-shadow: none; 
         } 

那么 有什么问题呢? ul ul li { .box-shadow(none); } ?

请您参考如下方法:

太糟糕了,当它破坏整个编译时,我没有检查错误的输出,但是
ul ul li { .box-shadow(none); }
...工作正常 . :P


评论关闭
IT干货网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!