Syntax - Tasty Web Development Treats

714: CSS :has() in Every Browser! 10 Uses

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

This episode isn’t summarized yet

Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.

Show notes

CSS :has() is out in all browsers and Wes and Scott have got the top 10 reasons you should start using :has() now.
Show Notes 00:25 Welcome
02:28 Syntax Brought to you by Sentry
03:02 Overview of :has
07:09 The anywhere selector
09:41 Previous element
12:59 Layout targetting
15:45 Form validation styling
17:51 All siblings
21:07 Quantity queries
24:19 Empty children
24:56 Nested dropdown navs
26:36 Attribute matching
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file