CSS Selectors Cheat Sheet
A quick reference for common CSS selectors.
| Selector | Description |
|---|
* | Selects all elements. |
.class | Selects all elements with a specific class. |
#id | Selects an element with a specific ID. |
element | Selects all elements with a specific tag name. |
| Selector | Description |
|---|
element element | Selects all `<element>` inside another `<element>`. |
element > element | Selects all `<element>` where the parent is a specific `<element>`. |
element + element | Selects all `<element>` that are placed immediately after another `<element>`. |
element1 ~ element2 | Selects every `<element2>` that are preceded by an `<element1>`. |
| Selector | Description |
|---|
:hover | Selects elements on mouse over. |
:first-child | Selects the first element among a group of siblings. |
:last-child | Selects the last element among a group of siblings. |
:nth-child(n) | Selects the nth element among a group of siblings. |