CSS Selectors
Basic Selectors
Selectors decide which elements a rule applies to.
| Selector | Example | Selects |
|---|---|---|
| Element | p | Every <p> |
| Class | .card | Every element with class="card" |
| ID | #top | The element with id="top" |
| Universal | * | Every element |
| Group | h1, h2, h3 | All three |
| Combined | p.note | Only <p> elements with class note |
p { line-height: 1.6; }
.card { padding: 20px; border-radius: 12px; }
#top { background: navy; }
* { box-sizing: border-box; }
h1, h2, h3 { font-family: Georgia, serif; }
button.primary { background: teal; color: white; }