Class & ID Selector

Sabse zyada use hone wale selectors. Class reusable ke liye, ID unique ke liye.

Class — .classname

Dot + class name: .card { }. Multiple elements same class share kar sakte hain.

Hash + ID: #hero { }. Page pe unique hona chahiye. Styling ke liye avoid karo.

<div class="card featured dark"> — CSS mein chain karo: .card.featured { }.

class-id.css

.card {
  background: white;
  border-radius: 12px;
  padding: 24px;
}

.card.featured {
  border: 2px solid #f97316;
}

#hero { min-height: 100vh; }