How to style shadow DOM with ::part() and ::slotted()

Photo by Matthew Ansley on Unsplash

Shadow DOM is fairly new to the world of web development. It was first introduced as an experimental technology in 2014 and wasn’t adopted by browsers up until 2017. It enables you to completely isolate parts of your web application and thus providing a level of isolation we never knew before. Well, except for iframes, but we do not talk about iframes, ever!