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

发布时间：2020-12-18 00:28:29 所属栏目：安全来源：网络整理

导读：这是代码： 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>
    <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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!