What's new with CSS?
summary
Covers concrete, usable CSS features: native CSS nesting for shorter selectors; the :has parent selector used to count children and toggle an error when a checkbox isn’t checked; new color tooling (color-scheme and color(light/dark)); vertical centering via align-content on block-level elements; real container queries with new container-aware units; styleable select/listbox elements for fully custom dropdowns; plus :focus-visible, user-valid/user-invalid, subgrid and text-wrap balance/pretty with current browser support notes.
AI-written summary · about
chapters (14)
- 0:00Welcome to CSS updates
- 2:50CSS changes since March 2020
- 3:52Native CSS nesting
- 10:44CSS :has selector
- 11:06Dark mode and color scheme
- 14:18Vertical centering with CSS
- 17:12CSS Grid subgrid
- 20:28Styling select elements
- 22:34New CSS feature support
- 24:47Form validation pseudo-classes
- 34:02Focus styles and accessibility
- 41:14Text wrapping and containers
- 46:05Container queries
- 51:19Thank you and resources
related talks
50mStyling the Future: A Deep Dive into Modern CSS
46mNew things we love and more things we want in CSS
10mExploring Features in Modern CSS
38mCSS Reborn: (Re)make Friends with Your Stylesheet
33mNew CSS Features You Can Use Today
39mPlanetary Alignment in CSS! All Those New Features...
47mCSS :is(.awesome)
37mWhat's New in CSS?