In this chapter, you are going to get acquainted with Shadow DOM, another specification in the set of Web Components. You will learn what Shadow DOM is and how to use it in web components. Next, we will build a new web component for our collection.
What Is Shadow DOM?
The Shadow DOM specification defines a mechanism with which to encapsulate our web components. The markup and styles that we create inside our web components protect it from external DOM manipulation and lobal CSS rules.
Consider, for example, the HTML 5 <video> tag. If we want a video player in our document, we create something similar ...
