CSS Selectors Cheat Sheet
# CSS Selectors Cheat Sheet
## Basic Selectors
- * — Universal
- #id — ID selector
- .class — Class selector
- element — Type selector
- element, element — Grouping
## Combinators
- A B — Descendant
- A > B — Child
- A + B — Adjacent sibling
- A ~ B — General sibling
## Attribute Selectors
- [attr] — Has attribute
- [attr=value] — Exact match
- [attr^=value] — Starts with
- [attr$=value] — Ends with
- [attr*=value] — Contains
- [attr~=value] — Word match
- [attr|=value] — Dash match
## Pseudo-Classes
- :hover, :focus, :active
- :first-child, :last-child
- :nth-child(n), :nth-of-type(n)
- :not(selector)
- :checked, :disabled, :enabled
- :empty, :root, :target
- ::before, ::after
## Specificity (highest wins)
1. inline styles (1000)
2. #id (100)
3. .class / [attr] / :pseudo (10)
4. element / ::pseudo (1)