2012-09-27 11 views
7

कहते हैं कि मैं एक शैली का उपयोग कम परिभाषित करते हैं:पुनर्प्रयोग कम नेस्टेड शैलियों

ul.unstyled, 
ol.unstyled { 
    margin-left: 0; 
    list-style: none; 
} 
बाद में

, मैं चाहता हूँ unstyled वर्ग का फिर से उपयोग:

.my-list { 
    .unstyled; 
} 

यह काम नहीं करता हालांकि, और मैं इसे काम करने के लिए जादू का पता नहीं लगा सकता। कोई विचार?

उत्तर

5

आप मनमाने ढंग से कक्षा परिभाषाओं का पुन: उपयोग नहीं कर सकते हैं, केवल मिश्रण (एक बिंदु से शुरू होने वाले)। इस मामले में आपको इसे डुप्लिकेट करना होगा।

+2

क्या यह दर्शाता है कि जब आप '.myClass' को परिभाषित करते हैं तो LESS एक पैरामीटर रहित मिश्रण बनाता है? –

+0

अच्छा सवाल। मुझे लगता है कि हां, क्योंकि प्रलेखन मिश्रण के अनुसार सिर्फ कक्षाएं हैं: "मिक्सिन्स आपको क्लास के सभी गुणों को किसी अन्य वर्ग में एम्बेड करने की इजाजत देता है, जिसमें क्लास नाम को इसके गुणों में से एक के रूप में शामिल किया जाता है। यह वैरिएबल की तरह है, लेकिन पूरे वर्गों के लिए "। –

3

इस प्रयास करें:

.unstyled { 
    margin-left: 0; 
    list-style: none; 
} 

.my-list { 
    .unstyled; 
} 

आप घोंसला .unstyled करने में सक्षम अगर यह ul.unstled और ol.unstyled रूप में परिभाषित किया गया है नहीं होगा।

+0

कि मेरे लिए काम नहीं करता है क्योंकि मेरे पास मूल परिभाषा नहीं है ... दूसरे शब्दों में, 'unstyled' वर्ग' Bootstrap.less' में परिभाषित किया गया है और मैं निर्भरता को बदलने से बचाना चाहता हूं। इसके बजाय, मैं जानना चाहता हूं कि कैसे एक नेस्टेड शैली का पुन: उपयोग करना है। –

+0

आह। यदि आप उन शैलियों को ओवरराइड नहीं कर सकते/नहीं कर सकते हैं, तो मुझे यकीन नहीं है कि आप जिस तरीके से आप चाहते हैं उसका पुन: उपयोग कर सकेंगे। कम आपको 'ul.unstyled'' या नेस्टेड क्लास के रूप में निर्दिष्ट करने की अनुमति नहीं देता है। आप हमेशा एक मिश्रण बना सकते हैं, लेकिन यह कोड को डुप्लिकेट करेगा। –

1

जब से तुम .unstyled पुन: उपयोग नहीं कर सकते हैं जब यह एक नेस्टेड शैली है और आप शायद बूटस्ट्रैप स्रोत कोड को संपादित नहीं करना चाहती, मैं तुम्हें सिर्फ अपनी सूची में दोनों classnames आवंटित सुझाव देंगे:

<ul class="unstyled my-list" /> 
संबंधित मुद्दे