CSS :is(.awesome)
summary
Covers concrete new CSS capabilities, tradeoffs and real browser support numbers: practical demos of :has() selector (works except Firefox), :is() vs :where() specificity (where yields zero specificity), nth-child(of) for counting only matching items, and container queries (size vs style) with size well supported but style/custom-property queries at ~65%. Shows scroll-driven animations with scroll-timeline/view, scroll-snap (≈94% support), dynamic viewport units (dvh/dvw) and typography helpers like text-wrap-balance and initial-letter, includes code samples on GitHub.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:36Pseudo-classes: is() and where()
- 4:37Support and browser testing
- 5:20The :has() pseudo-class
- 7:56Nth-child with of syntax
- 9:38Container and style queries
- 15:50CSS nesting
- 18:01Typography features
- 25:42Individual transform properties
- 27:36Scroll-driven animations
- 32:48Scroll snap and user experience
- 37:48Dynamic viewport units
- 40:45Resources and Q&A
