क्या मैं एक और सीएसएस परिभाषा में एक सीएसएस परिभाषा शामिल कर सकता हूं?

Question

तो चलो कहते हैं कि मैं 'foo.css' में निम्नलिखित हैं करते हैं:

.border { border : solid 1px; } 
#foo { color : #123; } 
#bar { color : #a00; } 

अब मान लीजिए कि मैं दो divs मैं के लिए सीमाओं चाहते हैं कि चलो, तो मैं कार्य करें:

<div id="foo" class="border">Foo</div> 
<div id="bar" class="border">Bar</div> 

यह ठीक काम करता है है, लेकिन मुझे लगता है कि जब मेरे सीएसएस फ़ाइल में #foo और #bar को परिभाषित करने, मैं नहीं बल्कि उन्हें .border की विशेषताओं की तुलना में दे div class है, तो जैसे देना होगा:

.border { border : solid 1px; } 
#foo { 
    <incantation to inherit from .border> 
    color : #123; 
} 
#bar { 
    <incantation to inherit from .border> 
    color : #a00; 
} 

और फिर मेरी एचटीएमएल wo uld बस हो:

<div id="foo">Foo</div> 
<div id="bar">Bar</div> 

कोई भी जानता है कि जादू का जादू क्या है?

Answer 1

आपको mixins with Sass में रुचि हो सकती है। सास आपको इस तरह की चाल का उपयोग करके, सीएसएस स्टाइल शीट्स को एक अधिक कुशल तरीके से लिखने देता है। मिक्सिन्स आपको विशेषताओं के समूह को परिभाषित करने देता है (कहें, सीमाओं के साथ करने के लिए), और फिर कुछ सीएसएस वर्गों के भीतर उन विशेषताओं को शामिल करें।

Answer 2

यह सीएसएस द्वारा समर्थित नहीं है। सबसे अच्छा आप ऐसा कर सकते हैं जैसे:

#foo, #bar, .border { border : solid 1px; } 
#foo { color : #123; } 
#bar { color : #a00; } 

Answer 3

जैसा कि वसनविले ने कहा था, आप कक्षा का उपयोग नहीं कर सकते हैं। लेकिन सामान्य सीएसएस विरासत काम करता है - अगर आपकी एचटीएमएल

<div class="border"> 
    <div id="foo"> 
     hello 
    </div> 
    <div id="bar"> 
     world 
    </div> 
</div> 

था आप कह सकते हैं

.border {border: 1px solid #f00;} 
#foo {border:inherit;} 

कुछ मामलों में कौन सा काफी अच्छा

Answer 4

हो सकता है आप पुश करने के लिए देख रहे हैं का कहना है कि अपने सीएसएस आगे की पोस्ट में उल्लिखित कुछ चालों का उपयोग करने के बजाय, आपको सीएसएस कंपाइलर्स में देखना चाहिए। वे सीएसएस जैसे कोड को लिखते हैं, आमतौर पर सीएसएस में जोड़े गए कुछ चाल के साथ सीएसएस, और उन्हें वेब के लिए सामान्य सीएसएस में बदल देते हैं।

David Ziegler शांत विशेषताओं सीएसएस compilers में से कुछ के बारे में लिखा प्रदान करते हैं:

• चर - अच्छा प्रोग्रामर हार्डकोड करने पसंद नहीं है। कई मामलों में आप अच्छे उत्तराधिकारी का उपयोग कर सीएसएस में इससे बच सकते हैं, लेकिन कभी-कभी यह अपरिहार्य है। चर के साथ, अपनी रंग योजना को बदलने का मतलब है 13 गुणों के बजाय एक चर को अद्यतन करना।

• गणित - यह चर के साथ हाथ में चला जाता है। कहें कि आपका बायां कॉलम 100px है, आपका दायां कॉलम 500px है, और आपका रैपर div 600px है। खैर, शायद आप इसे 960px में बदलने का फैसला करें। यदि आपके कॉलम की चौड़ाई स्वचालित रूप से समायोजित होती है तो क्या यह शानदार नहीं होगा? इसका जवाब है हाँ।

• नेस्टेड शैलियाँ - यह शायद सबसे महत्वपूर्ण है। सीएसएस फ्लैट है, जिसका मतलब जटिल साइटें सीएसएस के साथ खत्म होती हैं जो कि दर्द से गुजरती है।

आप अपने blog post on the subject में के बारे में लोकप्रिय compilers पढ़ सकते हैं, या कुछ खोज करते हैं और एक है कि आप के लिए सबसे अच्छा काम करता।