EPISODE · Feb 12, 2024 · 18 MIN

729: CSS Native @scope

from Syntax - Tasty Web Development Treats · host Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

In this very hasty treat, Wes and Scott cover CSS Native @scope, the implementation of this tool, and some of its limitations. Show Notes 00:00 Welcome to Syntax! 01:00 Brought to you by Sentry.io. 01:33 Why scope your CSS? 03:21 Scott’s hot take. 05:43 How does @scope CSS work? 07:31 Similar to a component-based workflow. 08:00 Not having to specify a selector for your scope. 09:52 Pseudo inline hover styles. 11:31 Donut scope. 13:01 “Inverted donut-hole scope” 14:50 Browser support + limitations. Mozilla @scope The Style Element Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Episode metadata supplied by the publisher feed · Published Feb 12, 2024

Embed this episode

Attribution link and audio player

NOW PLAYING

729: CSS Native @scope

0:00 18:08

1×

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

Share this episode

Similar Episodes

No similar episodes found.

Similar Podcasts

No similar podcasts found.

Frequently Asked Questions

How long is this episode of Syntax - Tasty Web Development Treats?

This episode is 18 minutes long.

When was this Syntax - Tasty Web Development Treats episode published?

This episode was published on February 12, 2024.

Can I download this Syntax - Tasty Web Development Treats episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.

URL copied to clipboard!