Как импортировать указанные c css файлы в компоненты в Angular

Question

У меня есть веб-сайт, работающий на angular. Но мне нужно объявить мои css файлы в некоторых компонентах, а не во всех. Когда я импортирую их в компоненты, некоторые из моих файлов не загружаются. Вот мой структура файла

--- home
--компоненты
--home
-home-footer
-home-navbar
-home-invest
- сеть
Я почти уверен в импорте @import '../../../assets/css/responsive.css';
. Я использую навигационную панель home-footer в home.component. html ( в --- доме)

Answer 1

Просто используйте styleUrls в компоненте. Вы можете использовать несколько таблиц стилей в URL стиля

@Component({ 
selector: 'app-home', 
templateUrl: './home.component.html', 
styleUrls: [ './home.component.css',
'../../../assets/css/responsive.css'
], 
encapsulation: ViewEncapsulation.None })