CSS Id and Class - सी एस एस सीखें

id और class Selectors

In addition to setting a style for a HTML element, CSS allows you to specify your own selectors called "id" and "class".

---

The id Selector

id selector का प्रयोग एक single, unique element के लिए style को specify करने के लिए किया जाता है।
                           id selector के लिए style को specify करने के लिए HTML element के id attribute का प्रयोग किया जाता है। इसके लिए  "#" का प्रयोग किया जाता है।
style rule को नीचे id="para1" के नाम से element पर लागु किया जा रहा है :

Example #para1 { text-align:center; color:red; }

किसी ID name की शुरुआत किसी number से ना करें क्योंकि यह Mozilla/Firefox मे काम नही करेगा !

---

The class Selector

class selector का प्रयोग elements के group के लिए style को specify करने के लिए किया जाता है। id selector के उलट, class selector को अधिकतर कई elements पर प्रयोग किया जाता है।
                  यह आपको कई HTML elements पर same class का प्रयोग करके particular style सेट करने की सुविधा देता है।
                class selector के लिए HTML class attribute का प्रयोग किया जाता है। इसके लिए "." का प्रयोग किया जाता है।
  नीचे उदाहरण में, class="center" के द्वारा सभी HTML elements को center-aligned किया जा रहा है :

Example .center {text-align:center;}

आप यह भी निर्धारित कर सकते है कि किसी class के द्वारा सिर्फ़ निर्दिष्ठ HTML elements ही प्रभावित हों ।
  नीचे उदाहरण में, class="center" के द्वारा सभी p elements को center-aligned किया जा रहा है :

Example p.center {text-align:center;}

किसी class name की शुरुआत किसी number से ना करें क्योंकि यह Internet Explorer मे काम नही करेगा !