- 일반 CSS 셀렉터부터, Psedo-Class 및 Psedo-Element 들을 이해하기 쉽게 시각적으로 정리
- Selector: universal / element / class / ID / multiple / descendant / adjacent / child / general sibling
- comma combinator, lobotomized owl
- attribute & value
- link pseudo-class selectors
- input element(s) : focused / checked / disabled / enabled / valid / invalid / optional
- child : first / last / nth / backward / only-child
- type : first-of / last-of / nth-of / backward / only-of
- target element selector
- has() parent selector
- negation pseudo-class
- pseudo-element: first child / last child / first letter / first line / list marker
- text input placeholder / style highlighted box
- 그외: :root / :is() / :where() / :default / :empty / :fullscreen / :in-range / :out-of-range / :indeterminate / :read-only / :read-write / :lang()