सीएसएस में कोड के ब्लॉक को शुरू करने के बीच क्या अंतर है। [डॉट] और # [हैश] द्वारा?

Question

कृपया अंत में दिए गए दो सीएसएस उदाहरण कोड के लिए निम्नलिखित प्रश्नों का उत्तर दें।

1. दो कोडों के बीच क्या अंतर है? एक डॉट के साथ शुरू हो रहा है और एक हैश के साथ।
2. मैं इन शैलियों को HTML में कैसे कॉल कर सकता हूं? क्या मुझे class="searchwrapper" का उपयोग करना चाहिए या क्या मुझे id="searchwrapper" का उपयोग करना चाहिए? और क्यों, अंतर क्या है?

उदाहरण 1: # के साथ शुरू [हैश]

#searchwrapper { 
    /*some text goes here*/ 
} 

उदाहरण 2: के साथ शुरू [dot]

.searchbox { 
    /*some text goes here*/ 
} 

Answer 1

ये CSS चयनकर्ताओं हैं:।

• #foo का मतलब है आईडी foo
वाला तत्व
• .foo वर्ग के साथ सभी तत्व foo

देखें http://www.w3.org/TR/CSS2/selector.html

आईडी विशिष्ट हैं, इसलिए आप केवल एक ही आईडी से एक तत्व हो सकता है इसका मतलब है। जबकि एक वर्ग कई तत्वों के लिए समान हो सकता है (और प्रत्येक तत्व में कई कक्षाएं हो सकती हैं)।

Answer 2

अंतर:

.myElement {...} 

से मेल खाएगी

:

. एक वर्ग

# एक आईडी निर्दिष्ट करता

कक्षा उदाहरण निर्दिष्ट करता है

आईडी उदाहरण:

#myElement {...} 

से मेल खाएगी

<div id="myElement"> 

क्लास या आईडी: कैसे

केवल एक काम चुनना होता एक विशेष आईडी है, लेकिन एक से अधिक तत्वों साझा कर सकते हैं एक विशेष वर्ग

• आप एक विशिष्ट तत्व लक्षित करते हैं तो उस तत्व एक आईडी देने के लिए और अपने सीएसएस में # का उपयोग करें।
• यदि आप एकाधिक संबंधित तत्वों को लक्षित करते हैं, तो उन्हें एक कक्षा दें और अपने सीएसएस में . का उपयोग करें।

Answer 3

1. [dot] एक वर्ग चयनकर्ता है, को देखने के Id Selectors
2. # एक आईडी चयनकर्ता है, को देखने के Class Selectors

Answer 4

"#" प्रयोग किया जाता है आप दस्तावेज़ तत्व करने के लिए आईडी सौंपा है अगर और "।" डॉट का उपयोग किया जाता है यदि आपने दस्तावेज़ तत्व के साथ कक्षा का उपयोग किया है।

किसी दस्तावेज़ पर प्रत्येक तत्व के लिए आईडी अद्वितीय है, इसलिए यदि आप # का उपयोग करते हैं तो आप केवल उस तत्व पर आवेदन करना चाहते हैं।

जहां आप "।" का उपयोग करते हैं। डॉट, इसका मतलब है कि आप उन तत्वों को सीएसएस लागू करना चाहते हैं जिनके वर्ग एटिरबूट उस नाम पर सेट है जो सीएसएस में डॉट के बाद है। जैसे ".myClass" तो myClass वर्ग का नाम है।

आप एक से अधिक आईडी पर एक ही सीएसएस लागू कर सकते हैं कर सकते हैं:,

#foo आईडी foo के लिए सेट के साथ एक तत्व मतलब है कि यह दर्शाता है <div id="foo"> .foo एक अर्थ है:

#id1,#id2{ 
//your css 
} 

Answer 5

ये CSS चयनकर्ताओं हैं वर्ग foo के साथ तत्व, यह <div class="foo">

प्लस: आपके पास class के साथ कई तत्व हो सकते हैं लेकिन आप नहीं कर सकते ई एक से अधिक "डी` के साथ। (असल में आप कर सकते हैं लेकिन यह बीएडी है, और डब्ल्यू 3 सी आपको दंडित करेगा)।

Answer 6

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

'#' आईडी चयनकर्ता है और केवल विशेष रूप से एक तत्व पर लागू ईद