これはコードです:
<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)); }
サブリストのミックスインをオーバーライド/キャンセルしたいので、これを試しました:
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); }
ですか?