Hey! In this video we look at how to avoid unwanted inherited CSS issues for Chrome Extension content scripts. This examples uses the shadow root & the "all" css property.
RELATED LINKS:
Code Shown: https://gist.github.com/rustyzone/4b6...
Shadow Root Video: • How to use the Shadow Root DOM - Build Bet...
Docs: https://developer.mozilla.org/en-US/d...
All CSs Property: https://developer.mozilla.org/en-US/d...
Email List: https://rustyzone.substack.com/
** Sign up to the above email list for early access to my new course **
VIDEO SUGGESTIONS?
Send in your video suggestions here: https://airtable.com/shr6AJMWjCpcl3Jhm
SKILLSHARE:
** Get a free trial of Skillshare Premium Membership - https://www.skillshare.com/r/user/rus... **
CHAPTERS:
0:00 Intro
0:28 Docs
0:40 Extension
1:06 Inspect Element
1:46 Example Code
2:54 Shadow Root Example
3:50 Summary
FIND ME ONLINE:
📨 Sign up to my email newsletter - https://rustyzone.substack.com
🌍 My website / blog - https://russellr.co.uk
🐦 Twitter - / russellbarnard
📺 Subscribe - / @rustyzone
MY MINIMAL SETUP:
💡 Lights https://amzn.to/2X2rkl6
📷 Tripod https://amzn.to/350b3S1
🕹 USB-C Adaptor https://amzn.to/3rEDVsZ
👁 iPhone Lens https://amzn.to/3qHzgFI
On this page of the site you can watch the video online How to avoid unwanted inherited CSS in a Chrome Extension - Content Script with a duration of hours minute second in good quality, which was uploaded by the user Rusty Zone 20 September 2022, share the link with friends and acquaintances, this video has already been watched 2,136 times on youtube and it was liked by 44 viewers. Enjoy your viewing!