Selectors

Summary

The patterns (`.class`, `#id`, `[attr]`, combinators) CSS uses to target which HTML elements a rule applies to — the foundation of every stylesheet. Selector choice affects readability, maintainability, and specificity, so the goal is not simply to write selectors that work but to choose predictable selectors that are easy to override.

• 1Practice combinator selectors: descendant, child (`>`), sibling (`+`, `~`). Test it with at least one normal case and one edge case so you can explain the behavior confidently.
• 2Learn selector specificity and why `!important` is usually a smell. Focus on understanding the underlying reason it works, not only memorizing the definition.
• 3Try attribute selectors like `[type="email"]` for form styling.