~/talk

Cascading Layers of !mportance

Talkat JSHeroes 2025 · 2025-05-29..05-30· [css, frontend-architecture]
slides:none on file

Claims that cascade layers are shipping and useful: browsers support them since 2022 and the practical tool is the @layer rule with optional names. Layers contain specificity so layers override each other (order based on where names are introduced), nested and imported sheets preserve layer hierarchy, and anything left unlayered styles win over layered ones. Recommended workflow: declare layer order in the head, import dependencies into low layers first, migrate project styles into layers, and use !important only to protect low‑level guarantees.

AI-written summary · about

  1. 0:00Web’s original mission
  2. 8:13Cascade origins and importance
  3. 15:23Specificity and selector layers
  4. 20:48Cascade layers intro
  5. 27:59Practical cascade layers
  6. 32:42Cascade for balance
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.