2012-10-10 14 views
22

क्या कोई इन दो सीएसएस चयनकर्ताओं के लिए अंतर समझा सकता है?सीएसएस में डॉट का मतलब क्या है?

.work-container . h3 { 
font-size: 14px; 
margin-top: 0px; 
font-weight: 600; 
height: 27px; 
} 

ऊपरी परिभाषा में अतिरिक्त बिंदु क्या है?

.work-container h3 { 
font-size: 14px; 
margin-top: 0px; 
font-weight: 600; 
height: 27px; 
} 
+5

पहला उदाहरण मान्य सीएसएस नहीं है। शायद एक टाइपो। – steveax

+0

सीएसएस मुझे अजीब गुणों के समूह के साथ दिया गया था, और मैं सीएसएस विशेषज्ञ नहीं हूं। –

उत्तर

29

एक . उपसर्ग आम तौर पर एक वर्ग चयनकर्ता का प्रतिनिधित्व करता है, लेकिन अगर यह तुरंत खाली स्थान के द्वारा पीछा किया गया है तो यह एक सिंटैक्स त्रुटि है।

अगर मैं एक अनुमान खतरे के लिए गए थे, तो ऐसा लगता है लेखक .work-container > h3 कहना का मतलब है, लेकिन Shift कुंजी बस के रूप में वह बारे में > चरित्र (child combinator) टाइप करने के लिए था याद किया।

आपका दूसरा चयनकर्ता, .work-container h3, बस h3 का अर्थ है जो work-container नामक कक्षा वाले तत्व के भीतर निहित है।

+2

एक स्टाइल शीट में वाक्यविन्यास त्रुटियों की जांच करने के लिए, http://jigsaw.w3.org/css-validator/ बहुत आसान है। त्रुटि प्रबंधन नियमों को http://www.w3.org/TR/CSS21/syndata.html#parsing-errors पर spec में परिभाषित किया गया है और इस मामले में वे दर्शाते हैं कि पूरे नियम को अनदेखा किया गया है (लेकिन शैली के अन्य हिस्सों शीट प्रभावित नहीं हैं)। –

+0

@ बोल्टक्लॉक, सीएसएस में, मुझे लगता है कि आप div.ui-datepicker जैसे कुछ के बीच एक बिंदु भी प्राप्त कर सकते हैं। आप इसे कैसे समझाएंगे? – Jogi

6

. अपने वर्ग

# इसकी एक आईडी

का मतलब है और अगर वहाँ कुछ भी नहीं लेकिन चयनकर्ता है, तो यह एक टैग

10

सीएसएस में . मतलब है कि यह एक वर्ग है और यह कर सकते हैं है का कहना है कई तत्वों पर लागू किया जाना चाहिए।

# सीएसएस में इसका मतलब है कि यह एक आईडी है और इसे प्रति पृष्ठ एक तत्व पर लागू किया जा सकता है।

या तो, यह एक टैग है, जो सभी उपयोग को लक्षित करता है।

आपके वाक्यविन्यास में, .work-container . h3 वास्तव में त्रुटि है। . या तो , या BoltClock कहा गया था, >, जो सीएसएस में प्रत्यक्ष वंशज ऑपरेटर कहता है।

4

सीएसएस में . मतलब है कि यह एक वर्ग & यह कक्षाएं

उदाहरण के लिए के बीच उपयोग अंतरिक्ष के साथ कई तत्वों के लिए लागू किया जा सकता है:

<h3 class="class1 class2 class2">Heading</h3> 

सीएसएस में # मतलब है कि यह एक आईडी है और यह कर सकते हैं प्रति पृष्ठ एक तत्व पर लागू किया जाना चाहिए।

उदाहरण के लिए

<h3 id="idname1">Heading</h3> 
20

मामले

  • चयनकर्ता डॉट के साथ शुरू

    .class_name का प्रतीक वर्ग के नाम

  • दो doted अंतरिक्ष से अलग कर दिया चयनकर्ता

    .outside.inside

    मतलब है .inside वर्ग के साथ तत्व वर्ग के साथ एक तत्व से उतरा .outside

  • जुदाई के बिना दो doted चयनकर्ता

    .name1.name2

    तत्व दोनों वर्ग है कि इसका मतलब है name1 और name2 उदाहरण: class="name1 name2"

stackoverflow Link1

stackoverflow Link2

संबंधित मुद्दे