Как переопределить стиль в файле Angular8 .pug?

Question

Я создал «модальный компонент». Этот модальный вызов «другого компонента» в файле .pug. Технически я использую стиль и контент для «модального компонента» из «другого компонента».

Но я хочу переопределить стили в моем «модальном компоненте».

Как я могу это сделать ? По умолчанию он берет стили из «другого компонента».

Я не могу просто изменить стили в «другом компоненте», потому что он используется в нескольких местах приложения.

Answer 1

Я думаю, что это просто вопрос CSS, если я вас правильно понял.

Если бы вы добавили класс в родительский элемент в вашем модальном компоненте, который вызывает другой компонент вы можете воспользоваться специфичностью

.modal {blah} // это будут стили вызванных компонентов

.my-modal .modal {стили перезаписи} // это будет в вашем модальные стили

В качестве альтернативы, если бы вы использовали ngClass в родительском контейнере, вызывая модальный режим, вы бы добавили к родительскому элементу некоторый встроенный стиль, который также имел бы приоритет над css из таблицы стилей