सीएसएस सेलेक्‍टर (CSS SELECTOR)

        सीएसएस सेलेक्‍टर वे डिफाइन्‍ड कोड होते हैं जिनके सहारे हमारी स्‍टाइल हमारे एचटीएमएल पेज पर अप्‍लाई होती है । तात्‍पर्य यह है कि वे प्रीडिफाइन्‍ड या डिफाइन्‍ड एचटीएमएल कोड जिनका प्रयोग करके हमारा सीएसएस कोड हमारे एचटीएमएल पेज को स्‍टाइल करता है उन्‍हे सेलेक्‍टर्स कहते हैं ।

उदाहरण -

h1{color:red;}
p{color:green; font-family:Times New Roman; font-size:20px;}

        इन दोनों ही कोड्स में h1 और p हमारे कोड के लिये प्रीडिफाइन्‍ड सेलेक्‍टर्स के रूप में काम करते हैं । इन के सामने कर्ली ब्रेकट में लिखे गये सीएसएस कोड इन ब्‍लाक्‍स को स्‍टाइल करता है ।
        एचटीएमएल के सभी ब्‍लाककोड, हाइपरलिंक आदि अपने आप में सीएसएस के लिये सेलेक्‍टर का काम करते हैं । आप इन उपर्युक्‍त कोड को इन सभी ब्‍लाक्‍स पर अप्‍लाई कर सकते हैं ।

उदाहरण -

h2{color:red;}
h3{color:red;}
h4{color:red;}
h5{color:red;}
h6{color:red;}
span{color:red;}
a{color:red;}
p{color:red;}
div{color:red;}
table{color:red;}

        इनके अतिरिक्‍त हम किसी विशेष ब्‍लाक या हाइपरलिंक की आईडी या क्‍लास बनाकर उसको सीएसएस का सेलेक्‍टर बना सकते हैं । एचटीएमएल आईडी को ( # ) चिन्‍ह तथा क्लास को ( . ) चिन्‍ह के साथ लिखा जाता है । आई डी और क्‍लास के पहले इन चिन्‍हों को लगाया जाता है ।

उदाहरण -

<div id="container">This is a Div </div>
<div class=”cont”>This is also a Div </div>
<h1 id=”heading”>Example of CSS</h1>
<h1 class=”head”>Example of CSS</h1>
<p id=”para”>This is an Example of CSS linked from outside</p>
<p class=”paragraph”>This is an Example of CSS linked from outside</p>
#container{color:red;}
.cont{color:red;}
#heading{color:red;}
.head{color:red;}
#para{color:red;}
.paragraph{color:red;}
        कई ब्‍लाक्‍स को एक साथ एक जैसी ही स्‍टाइल  देने के लिये इन आईडी और क्‍लास को एक साथ भी लिख सकते हैं ।
उदाहरण -
#container, .cont, #heading, .head, #para, .paragraph{color:red;}
यदि कई सारे ब्‍लाक्‍स की डिजाइनिंग एक जैसी रखनी हो तो इस तरीके का प्रयोग करने से काफी सहूलियत होती है और बहुत सारी मेहनत बच जाती है ।
आगे इनके विषय में और भी विस्‍तार से ठीक से जानेंगे ।