के बीच क्या अंतर है। और # एक सीएसएस फ़ाइल में?

Question

सीएसएस उदाहरणों में, मैंने . से शुरू होने वाले नियमों को देखा है और कुछ # से शुरू होते हैं - कभी-कभी ये एक ही फ़ाइल में मिश्रित होते हैं। इन नियमों के बीच क्या अंतर है:

h1 { font-size:18pt;} 
.new-alerts { font-size:11pt; font-weight:bold;} 
#old-alerts { position:relative; font-size:10pt; } 

क्या वे HTML पृष्ठ पर अलग-अलग संदर्भित हैं? क्या यह गुण विरासत में मिला है?

Answer 1

. एक वर्ग को संदर्भित करता है। <span class="one" /> को .one के साथ चुना जा सकता है।

# एक आईडी को संदर्भित करता है। <span id="one" /> को #one के साथ चुना जा सकता है।

आपको कक्षाओं का उपयोग करना चाहिए जब किसी दिए गए तत्व में से एक से अधिक हो सकता है, और आईडी जब आप जानते हैं तो केवल एक ही होगा। #navigation-bar एक आईडी का उपयोग करेगा क्योंकि आपके पास केवल आपके लेआउट में एक नेविगेशन बार होगा, लेकिन .navigation-link क्लास नाम का उपयोग करेगा क्योंकि आपके पास कई नेविगेशन लिंक होंगे। (यह #navigation-bar a:link उपयोग करने के लिए दिए गए संचालन लिंक प्राप्त करने के लिए बेहतर अभ्यास होगा, लेकिन आप मेरी बात मिलता है।)

Answer 2

डॉट . एक class selector, हैश/पाउंड है/octothorpe #selects by an ID:

<style> 
    .foo { ... } 
    #bar { ... } 
</style> 
... 
<p class='foo'>Foo</p> 
<p id='bar' class='baz'>Bar</p> 

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

इसके अलावा, एक तत्व कई वर्गों के हैं हो सकता है:

<p class="foo bar baz"> 

और जैसा कि ऊपर देखा, वर्गों और आईडी परस्पर अनन्य नहीं हैं।

Answer 3

See Class vs ID

Answer 4

। एक वर्ग है और कई बार पुन: उपयोग किया जा सकता है और विभिन्न तत्वों के लिए

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