styles.md

Как стилизовать кастомный компонент?

Для этого нужно использовать селектор :host.

:host {
	display: block;
	background-color: yellow;
}

Какой псевдокласс нужно использовать, чтобы стилизовать элемент, в котором находится компонент?

:host

Как выбрать класс в любом родителе компонента (вплоть до корневого элемента)?

Селектор :host-context() ищет css класс в любом родителе компонента. :host-context() удобно комбинировать с другими селекторами.

:host-context(.theme-light) h2 {
	background-color: #eef;
}

---

Источники:

1. https://angular.io/guide/component-styles