New things we love and more things we want in CSS
summary
Covers concrete, usable CSS features: how container queries work with container-type/container-name and @container to scope responsive rules to a component rather than the viewport, using inline-size for width; logical properties like padding-inline/start to avoid left/right hacks; the parent query with :has() pseudo selector to style a parent when it contains an image (not yet widely supported in all browsers); specificity differences between :is() and :where(); @layer for ordering and importing CSS layers; notes on subgrid (Firefox-only) and line-clamp demos.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 2:11CSS logical properties
- 8:25Container queries
- 15:35New CSS selectors
- 23:39CSS :has() selector
- 27:09CSS Cascade layers
- 35:22CSS line clamp
- 38:52Things we still want in CSS
