Element Selector
Sabse broad selector — ek type ke saare elements target karta hai. CSS reset aur base styles ke liye perfect.
Syntax
Tag name likho: h1 { }, p { }. Universal selector * { } har element target karta hai.
Grouping
Commas se group karo: h1, h2, h3 { color: #f97316; }. Saare listed elements ko same rule.
Kab Use Karein
CSS resets, base typography, global styles. Unique styling ke liye classes use karo.
element-selector.css
p {
color: #374151;
line-height: 1.7;
margin-bottom: 16px;
}
h1, h2, h3 {
font-weight: 700;
color: #111827;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}💡 Pro Tips
- Sabse kam specificity (0,0,1) — classes easily override karte hain
- Har project mein
* { box-sizing: border-box; }use karo - Unique styling ke liye element selector pe depend mat karo