Selectors in CSS

Selectors in CSS ka use HTML elements ko select (ya find) karne ke liye hota hai, taaki hum unhe style de sakein.

CSS me alag-alag types ke selectors hote hain jo different tarike se elements ko target karte hain.

---

Types of Selectors in CSS

Selectors in CSS ko mainly 5 categories me divide kiya jata hai:

• Simple selectors → element, id, class ke base par select karte hain

• Combinator selectors → elements ke relation ke base par

• Pseudo-class selectors → kisi state ke base par (jaise hover)

• Pseudo-elements selectors → element ke specific part ko select karte hain

• Attribute selectors → attribute ya value ke base par

---

Element Selector in CSS

Element selector HTML ke tag name ke basis par elements ko select karta hai.

Example

Is example me saare <h2> elements blue aur center aligned ho jayenge.

---

ID Selector in CSS

ID selector ek unique element ko select karta hai.

• Syntax: #idname

• Har page me ek ID sirf ek hi element ke liye hoti hai

Example

Sirf id="mainTitle" wale element par apply hoga.

Note: ID number se start nahi ho sakti.

---

Class Selector in CSS

Class selector multiple elements ko ek sath style karne ke liye use hota hai.

• Syntax: .classname

Example

Jitne bhi elements me class="highlight" hoga sab par ye style lagega.

Specific Element with Class

Sirf <p> elements jisme class highlight hai, wahi select honge.

Multiple Classes Example

Ye element dono classes ke styles apply karega.

---

Universal Selector in CSS

Universal selector sabhi HTML elements ko select karta hai.

Example

Page ke har element par ye style apply hoga.

---

Grouping Selector in CSS

Grouping selector ka use tab hota hai jab multiple elements ko same style dena ho.

Example

h1, h2, aur p sab par same style apply hoga.

---

Summary of Selectors in CSS