HTML कंटेनर में कई कक्षाएं कैसे असाइन करें? [बन्द है]


398

क्या एक HTMLकंटेनर में कई वर्गों को असाइन करना संभव है ?

कुछ इस तरह:

<article class="column, wrapper"> 

अब आपको क्या समस्या है? किसी भी तरह से इस समस्या का समाधान था। कोई भी अन्य समस्या कई कारकों पर निर्भर हो सकती है।
औरेलियो डी रोजा

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

अगर आपको कॉमा हटाने के बाद भी कोई समस्या हो रही है, तो मेरा सुझाव है कि नियम क्यों नहीं काम करते हैं , इस पर मार्गदर्शन देख रहे हैं । मैंने पाया है कि मेरे लिए सबसे आम गति-बंप है, वहां वर्णित स्थिति "शॉर्टहैंड पॉप्यारिटी का उपयोग" है (यानी, डिफ़ॉल्ट रूप से एक डिफ़ॉल्ट मान पर लौटना)
एनजे में एलजे

जवाबों:


531

बस इस तरह अल्पविराम निकालें:

<article class="column wrapper"> 

3
<लेख वर्ग = "क्लास 1 क्लास 2 ... क्लासएन">
आंद्रे एलरिको

1
अल्पविराम के बजाय अपनी जगह बना ली। लेकिन जवाब के लिए हाँ धन्यवाद
सोहम मेहता

188

मानक से

7.5.2 तत्व पहचानकर्ता: आईडी और वर्ग गुण

परिभाषाएँ दें

आईडी = नाम [सीएस]
यह विशेषता एक तत्व को एक नाम प्रदान करती है। यह नाम किसी दस्तावेज़ में अद्वितीय होना चाहिए।

class = cdata-list [CS]
यह विशेषता एक तत्व को एक वर्ग नाम या वर्ग नामों का सेट प्रदान करती है। तत्वों की किसी भी संख्या को एक ही वर्ग नाम या नाम सौंपा जा सकता है। कई वर्ग नामों को सफेद अंतरिक्ष वर्णों द्वारा अलग किया जाना चाहिए।

हां, बस उनके बीच एक जगह रखो।

<article class="column wrapper">

बेशक, कई चीजें हैं जो आप सीएसएस विरासत के साथ कर सकते हैं। यहाँ आगे पढ़ने के लिए एक लेख है


3
यदि किसी तत्व को एक से अधिक गुणों के लिए अलग-अलग मान सेट करने वाले कई वर्गों को असाइन किया जाता है, तो एक ब्राउज़र से कैसे प्रतिक्रिया की उम्मीद की जानी चाहिए। क्या उसके लिए कुछ पूर्वता का क्रम है?
EternallyCurious

6
@JonathanHenson: नहीं, यह नहीं है। बंधी हुई विशिष्टता के मामले में, सीएसएस में बाद में होने वाला नियम जीत जाता है।
उलरिच श्वार्ज़

1
@UlrichSchwarz ने बाद में सूचीबद्ध सीएसएस क्लास (जो मैंने इस परीक्षण के लिए उम्मीद कर रहा था), या बाद में सभी सीएसएस फाइलों में? क्योंकि पूर्व निश्चित रूप से मेरे द्वारा परीक्षण किए गए ब्राउज़रों में काम नहीं करता है, जबकि मैंने बाद की परिकल्पना का परीक्षण किया है।
जोनाथन हेंसन

9
@ जोनाथन हेंसन: सीएसएस 2.1 चश्मे के अनुसार , "अगर दो घोषणाओं में एक ही वजन, उत्पत्ति और विशिष्टता है, तो बाद में निर्दिष्ट जीतता है। आयातित स्टाइल शीट में घोषणा को स्टाइल शीट में किसी भी घोषणा से पहले माना जाता है।" तो यह सीएसएस घोषणा आदेश है। वर्ग विशेषता के नामों का कोई निर्दिष्ट क्रम नहीं है, क्योंकि रेफरी के.foo लिए वाक्य रचना चीनी है , " विशेषता में एक शब्द है "। [class ~= foo] fooclass
उलरिच श्वार्ज

1
@UlrichSchwarz स्पष्टीकरण के लिए धन्यवाद।
जोनाथन हेंसन

18

असाइन करने के लिए कई वर्गों एक को HTML तत्व , वर्ग विशेषता के उद्धरणों के अंदर दोनों वर्ग के नाम शामिल हैं और उन्हें एक जगह से अलग कर दिया है:

<article class="column wrapper"> 

उपरोक्त उदाहरण में, columnऔर wrapperदो अलग-अलग सीएसएस कक्षाएं हैं, और उनके दोनों गुण articleतत्व पर लागू होंगे ।


16
इसका उत्तर पहले से अलग क्या है?
इवान रोड्रिगेज टोरेस

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.