CSS Selector

A CSS selector targets the elements you want to style — by tag (p), by class (.card), by id (#hero), or by relationship (.card p targets paragraphs inside any .card). The browser matches every selector against the page and applies the corresponding styles to whatever it finds.

• —Classes are the most reusable and common selector — the same class can style many elements consistently.
• —More specific selectors override more general ones, which is the root of most CSS debugging.
• —Hover and state selectors (like :hover) are how interactivity is styled without JavaScript.

This is the exact lesson that covers this term in depth — with examples, diagrams, and a hands-on exercise.