Introduction
Selectors are patterns used to select the elements you want to style. Understanding them lets you target any element efficiently.
Common Selector Types
- Element selector:
p {} - Class selector:
.card {} - ID selector:
#header {} - Attribute selector:
a[href^="https"] {} - Descendant selector:
ul li {} - Child selector:
ul > li {} - Pseudo‑class:
a:hover {} - Pseudo‑element:
p::first-line {}