4min chapter

Syntax - Tasty Web Development Treats cover image

Supper Club × Web Components and Lit with Justin Fagnani of Google

Syntax - Tasty Web Development Treats

CHAPTER

CSS Shadow Root Styling

There's a thing called CSS shadow parts, which is the colon colon part like pseudo class if you ever see that out there. You can put a component in a shadow root to kind of designate some of its shadow elements as stylable from the outside. Selectors though don't cross the shadow boundary and that's where things get a little more complicated because it's hard to figure out what the developer actually wants. We try to make our components kind of being like, you know, they bring their styles with them.

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode