[css] सीएसएस में शैलियों का एक सेट घोषित करते समय "।" और "#" के बीच क्या अंतर है?


Answers

# मतलब है कि यह किसी तत्व की id से मेल खाता है। द . कक्षा का नाम दर्शाता है:

<div id="myRedText">This will be red.</div>
<div class="blueText">this will be blue.</div>


#myRedText {
    color: red;
}
.blueText {
    color: blue;
}

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

Question

# और के बीच क्या अंतर है . किसी तत्व के लिए शैलियों का एक सेट घोषित करते समय और कौन से अर्थों का उपयोग करने का निर्णय लेते समय अर्थशास्त्र में क्या होता है?




यह ध्यान देने योग्य भी है कि cascade , एक आईडी ( # ) चयनकर्ता अब ( . ) चयनकर्ता से अधिक specific है। इसलिए, आईडी स्टेटमेंट में नियम कक्षा विवरण में नियमों को ओवरराइड करेंगे।

उदाहरण के लिए, यदि निम्नलिखित दोनों कथन:

.headline {
  color:red;
  font-size: 3em;
}

#specials {
  color:blue;
  font-style: italic;
}

एक ही HTML तत्व पर लागू होते हैं:

<h1 id="specials" class="headline">Today's Specials</h1>

रंग: नीला नियम रंग को ओवरराइड करेगा : लाल नियम।




बहुत ज्यादा पसंद है हर किसी ने पहले ही कहा है:

एक अवधि ( . ) एक वर्ग इंगित करती है, और एक हैश ( # ) एक आईडी इंगित करता है।

इसके बीच मौलिक अंतर यह है कि आप अपने पृष्ठ पर एक कक्षा का पुन: उपयोग कर सकते हैं, जबकि एक आईडी का उपयोग एक बार किया जा सकता है। यह निश्चित रूप से, यदि आप डब्ल्यूसी 3 मानकों पर चिपके हुए हैं।

एक पृष्ठ अभी भी प्रस्तुत करेगा यदि आपके पास एक ही आईडी के साथ कई तत्व हैं, लेकिन यदि आप गतिशील रूप से उन तत्वों को उनके आईडी के साथ कॉल करके अपडेट करने का प्रयास करते हैं, तो आप समस्याओं में भाग लेंगे, क्योंकि वे अद्वितीय नहीं हैं।

यह भी ध्यान रखना उपयोगी है कि आईडी गुण श्रेणी गुणों को पार कर जाएंगे।




# एक आईडी चयनकर्ता है। यह केवल मिलान करने वाले आईडी वाले तत्वों से मेल खाता है। अगला स्टाइल नियम उस तत्व से मेल खाएगा जिसमें "हरी" के मान के साथ एक आईडी विशेषता है:

#green {color: green}

अधिक जानकारी के लिए http://www.w3schools.com/css/css_syntax.asp देखें




Related