конфликт между настройкой стилей angular.json и настройкой css компонента

Question

Когда используются и angular.json's настройка CSS, и настройка CSS компонента, настройка CSS компонента частично не работает.

Я хочу применить настройку CSS компонента в конкретном компоненте.

Answer 1

Вы можете установить

encapsulation: ViewEncapsulation.None,

в своей аннотации @component

Это означает, что CSS, который мы пишем глобально, будет наследовать, однако стили, определенные с использованием того же класса внутри компонента, переопределят существующие стили.

Также CSS компонента имеет более высокий приоритет, чем глобальный CSS, определенный в .angular-cli.json file