To understand how Angular employs the concept of Shadow DOM, we will first have to learn about styling Angular components.
When it comes to styling the apps built as part of this book, we have taken a conservative approach. Be it Workout Builder or the Workout Runner (7 Minute Workout) app, all the components that we built derive their style from bootstrap CSS and from custom styles defined in app.css. No component has defined its own style.
While this adheres to the standard practices of web app development, sometimes we do need to deviate. This is especially true when we are building self-contained, packaged, and reusable components.
Angular allows us to define styles specific to a component by using the ...
