syndication Id Selector क्या है ? - हिंदी में पढ़ें |



ID Selector In Hindi:-

ID Selector :-

हम Class Selector में CSS का गुण लगा देते हैं और जिस HTML Tag में उस Class Selector को जोड़ देते हैं उस tag में class का सारा गुण लग जाता है |

लेकिन अगर कभी ऐसी परिस्थिति उत्पन्न हो जाए कि हमें सिर्फ किसी एक HTML Tag का CSS लिखना हो उदाहरण के लिए मान लीजिए कि हमें किसी <p> Tag का CSS लिखना है ऐसे में हम ID Selector का यूज़ करते हैं |हम किसी एक नाम की ID Selector का उपयोग अपने Web Page में सिर्फ एक बार ही कर सकते हैं मतलब की हम एक ही नाम की ID Selector का उपयोग एक ही Web Page पर बार-बार नहीं कर सकते |

नीचे वाला उदाहरण देखिए

<html>
<head>
<style>
 #first {
    text-align: right;
    color: red;
 }
</style>
</head>
<body>
 <p id="first">Hello World! Welcome To web3tutorial.com</p>
 <p>This paragraph is not affected by the style.</p>
</body>
</html>

[NOTE:- text-align: right; का उपयोग किसी शब्द या वाक्य को Web Page के दाहिने भाग में लिखने के लिए होता है | ]
ऊपर के उदाहरण में आपने देखा कि हमने किस तरह से एक first नाम का ID बनाया और <p> Tag के अंदर जोड़ दिया |

लेकिन आपने देखा होगा कि जब हमने first नाम के ID पर CSS Property और Value लिखे तब first नाम के ID के सामने हमने एक # चिन्ह का प्रयोग किया है | जब हम किसी ID का CSS लिखते हैं तब हमें उस ID के नाम के आगे # चिन्ह का प्रयोग करना होता है तभी उस ID में लिखे CSS के code मान्य होंगे |

 

<html>
<head>
<style>
 #first {
   text-align: center;
   font-size:25px;
    color: red;
 }
</style>
</head>
<body>
   <p id="first">Hello World! Welcome To web3tutorial.com</p>
   <p>This paragraph is not affected by the style.</p>
</body>
</html>

[NOTE :- font-size नाम के CSS Properties का उपयोग हम किसी शब्द या वाक्य के SIZE को बढ़ाने के लिए करते हैं |]

Previous:- CSS Comment In Hindi :-