如何将样式URL设置为另一个文件夹中的css文件

Question

我有组件src/app/admin/create-company/create-company.component.ts和 CSS 文件src/app/shared/layouts/admin/admin.component.css

如何在styleUrls create-company.component.ts中使用此 css

我已经尝试过的事情：

src/app/shared/layouts/admin/admin.component.css
./src/app/shared/layouts/admin/admin.component.css
../src/app/shared/layouts/admin/admin.component.css
app/shared/layouts/admin/admin.component.css
./app/shared/layouts/admin/admin.component.css
../app/shared/layouts/admin/admin.component.css

等

我也尝试过直接文件夹：/Users/Vladimir/Workspaces/Project/coupon-system-client/src/app/shared/layouts/admin/admin.component.css

Answer 1

它是一个相对路径。因此，您必须回溯到另一个目录的第一个共享文件夹。

如果要从create-company.component.ts访问admin.component.css - 这应该是相对路径：

../../../shared/layouts/admin/admin.component.css

第一个共享文件夹是app文件夹，您正在像这样访问它：

../../../

Answer 2

由于您要引用的 css 一起存在于不同的文件夹中，因此您必须使用 ../ 导航到该文件夹。首先使用 ../../../ 导航到app文件夹，然后进一步导航。

../../../shared/layouts/admin/admin.component.css