Blazor ставит импорт в комплект CSS в «неправильном» порядке - могу ли я его контролировать? ⇐ CSS

[Anonymous]

У нас есть приложение с некоторыми CSS , поступающим из QuickGrid , а некоторые из CSSES за Blazor компонентов. Они объединены в "ProjectName.components/FrontendWeb" .bundle.scp.css , который импортирует QuickGrid .
Приложение запускается с проекта Frontend, который я назову "projectName.frontendWeb". У этого есть свои собственные комплекты CSS, который начинается с импорта, как показано ниже: < /p>

Код: Выделить всё

@import '_content/"projectName.Components"/"projectName.Components".bundle.scp.css';

@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

Наша проблема заключается в том, что мы хотим, чтобы QuickGrid сначала импортировался, чтобы некоторые части могли быть перезаписаны нашими собственными CSSE. Я удалил все ссылки на QuickGrid из FrontEndWeb, но импорт QuickGrid все еще пришел после импорта комплексного CSS для "ProjectName.components". слои . Я добавил следующее в app.css (первый css in index.html), чтобы заставить его рассмотреть QuickGrids как низкий приоритет:

Код: Выделить всё

@layer QuickGrids, my-css;
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css' layer(QuickGrids);

Но это не помогает, поскольку автоматически созданный пакетный CSS добавляет импорт QuickGrid без "Layer (QuickGrids)" .
Я также пытался добавить отдельный файл в качестве последнего CSS-Referen

Код: Выделить всё

@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css' layer(QuickGrids);

Любые другие подсказки?

Подробнее здесь: https://stackoverflow.com/questions/794 ... control-it