Guided Notes
Selectors & Specificity
Combinators, attribute selectors, pseudo-classes, pseudo-elements, specificity, and inheritance.
Combinators
Slide 1 / 5Combinators select elements by their relationship to others:
| Selector | Matches |
|---|---|
| nav a | Any <a> inside <nav> (descendant) |
| ul > li | <li> that are direct children of <ul> |
| h2 + p | The <p> immediately after an <h2> |
| h2 ~ p | Every <p> after an <h2>, same parent |
| a.button | An <a> that also has class="button" |