एक बॉक्स-छाया बूटस्ट्रैप mixin ठीक से ओवरराइड कैसे करें?

Question

इस कोड है:

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

और यह कम शैली है:

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

मैं ओवरराइड/उप-सूची में mixin रद्द करना चाहते हैं, तो मैं यह करने की कोशिश की:

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); } के साथ गलत wha'ts: एक ही रास्ता मैं यह काम करने के लिए मिल गया है स्पष्ट रूप से mixin पर प्रत्येक पंक्ति अधिभावी द्वारा किया गया था?

Answer 1

बहुत खराब मुझे बुरा उत्पादन की जाँच नहीं था, जब यह पूरी संकलन तोड़ दिया, लेकिन

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

... ठीक काम कर रहा है। : पी

Answer 2

आप एससीएसएस/एस.ए.एस.एस. साथ चहचहाना बूटस्ट्रैप का उपयोग करते हैं, मैं builtin mixins का प्रयोग करेंगे, जो ब्राउज़र विशिष्ट झंडे Handels:

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