| Selector | Description | Example | |
|---|---|---|---|
| 1) | .class | .intro | Selects all elements with class="intro" |
| 2) | .class1.class2 | .name1.name2 | Selects all elements with both name1 and name2 set within its class attribute |
| 3) | .class1 .class2 | .name1 .name2 | Selects all elements with name2 that is a descendant of an element with name1 |
| 4) | #id | #firstname | Selects the element with id="firstname" |
| 5) | * | * | Selects all elements |
| 6) | element | h2 | Selects all <h2> elements |
| 7) | element.class | p.intro | Selects all elements with class="intro" |
| 8) | element,element | div, p | Selects all elements and all elements |
| 9) | element element | div p | Selects all elements inside elements
|
| 10) | element>element | div > p | Selects all elements where the parent is a element
|