Selectores CSS
Sintaxis para elegir elementos del DOM. .btn (clase), #id, div p (descendiente), div > p (hijo), :hover (pseudoclase), [type="text"] (atributo).
Cálculo de especificidad: inline > #id > .class > elemento. Se suma como (a,b,c) — gana el más alto. !important rompe todas las reglas (antipatrón). Selectores modernos: :has() (selector de padre, 2023 — un antes y un después), :is()/:where() (control de especificidad), :nth-child, :not(). En JavaScript, document.querySelectorAll('selector') usa la misma sintaxis. El Selectors API es un estándar del W3C.