:has() is a new CSS selector which allows developers to query for the presence of a child or state. It has been called the “parent selector”, but it’s much more than that! Using :has() you can style up and down a DOM tree, making this an incredible powerful feature. Learn how to take advantage of this new API with lots of examples in this episode.

Links

  • Blog → https://goo.gle/3CIs1EF
  • Selectors → https://goo.gle/3EQsPde
  • Pseudo-classes → https://goo.gle/3SgvH69
  • Creative CSS Layout → https://goo.gle/3yRv4sZ
  • Quantity Queries for CSS → https://goo.gle/3a4NPwT

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

Catch more episodes → https://goo.gle/CSSpodcast

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

The CSS Podcast

#CSSpodcast