twitter-bootstrap – 如何正确覆盖box-shadow bootstrap mixin?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何正确覆盖box-shadow bootstrap mixin?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是代码
<ul>
    <li></li>
    <li></li>
    <ul>
        <li></li>
        <li></li>
    </ul>
</ul>

这是LESS风格:

ul li { .Box-shadow(0 1px 3px rgba(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

猜你在找的Bootstrap相关文章