From the course: Angular Essential Training (2019)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Using common CSS selectors

Using common CSS selectors - Angular Tutorial

From the course: Angular Essential Training (2019)

Start my 1-month free trial

Using common CSS selectors

- [Instructor] With Angular's emulated view encapsulation mode, you're able to write CSS for components that is automatically scoped to the component template without needing to craft the CSS in a unique or custom way. You can write common CSS selectors and target markup within the component template. Let's take a look at how this can be done by styling a component in the app. For this lesson, the project code has already been updated to refactor the category list display to use a new component named category list component. The markup that was in the media item list component template has been altered to make use of this new component as well as some changes to the category pipe that was returning a single string of comma-separated category names to instead return an array of those names that is used by the new category list component. This component is using an inline template and is set up for some inline CSS. Let's…

Contents