meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

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

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.91.2K Ratings

🗓️ 8 January 2024

⏱️ 30 minutes

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0

Monday, Monday, Monday, Monday, open wide Dev fans.

0:04.0

Get ready to stuff your face with JavaScript,

0:07.0

CSS, node modules, barbecue tips, get workflows,

0:10.0

break dancing, soft skills, web development,

0:12.0

the hastyest, the craziest, the craziest, the tastiest, web development

0:16.4

treats.

0:17.4

Coming in hot, here is Wes, Barracuda, Bars, and Scott, El Tor Toroloko Tolinsky.

0:25.0

Oh, welcome to syntax.

0:29.0

In this hasty treat we're going to be going in on has we're going to be talking about all of the

0:36.8

amazing different use cases for has we're going to be really talking about practical examples and all of this because at the

0:46.2

time of recording this episode has a very recently dropped in all browsers meaning

0:51.5

it has yes it has of course dropped in all browsers. You can

0:56.8

get started using has and honestly I think you should because it is a wonderful

1:01.6

API and something as we were building the syntax site I was

1:04.8

wishing over and over was having full support at that time.

1:09.2

So I am stoked to be able to actually use has in a real capacity without having to make any sacrifices.

1:18.0

My name is Scott Tolinsky. I'm a developer from Denver.

1:22.0

With me as always as Wes Boss boss what's up Wes hey I'm pretty

1:25.5

excited about this because I don't think people listening people might not

1:30.9

understand that has of course it's going to be able to select items that are inside of something but

1:37.3

There are a whole new world of possibilities of being able to select elements that make your you have to write less

1:46.6

CSS and most importantly you're gonna have to write less JavaScript to add and

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2026.