Làm thế nào để ghi đè đúng cách một mixin bootstrap box-shadow?

Question

Đây là mã:

<ul> 
    <li></li> 
    <li></li> 
    <ul> 
     <li></li> 
     <li></li> 
    </ul> 
</ul> 

Và đây là phong cách LESS:

ul li { .box-shadow(0 1px 3px rgba(0,0,0,.25)); } 

Tôi muốn ghi đè/hủy mixin trên danh sách phụ, vì vậy tôi cố gắng này:

ul ul li { .box-shadow(none); } 

... nhưng nó không hoạt động. Cách duy nhất tôi nhận được nó để làm việc là bằng cách ghi đè một cách rõ ràng từng dòng trên mixin:

ul ul li { 
      -webkit-box-shadow: none; 
      -moz-box-shadow: none; 
        box-shadow: none; 
     } 

Vì vậy wha'ts sai vớiul ul li { .box-shadow(none); }?

Answer 1

Thật tệ, tôi đã không kiểm tra đầu ra xấu khi nó đã phá vỡ toàn bộ biên soạn, nhưng

ul ul li { .box-shadow(none); }

... đang làm việc tốt. : P

Answer 2

Nếu bạn sử dụng twitter bootstrap với SCSS/Sass, tôi sẽ sử dụng mixins BUILTIN, mà Handels trình duyệt cờ cụ thể:

ul ul li { @include box-shadow(none); }