Blazor CssScope генерирует странный класс CSS ⇐ C#

[Anonymous]

Я использовал документацию MS для настройки пользовательского идентификатора области для моего изолированного CSS-кода.
Я добавил это в свой файл .csproj

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

это мой файл Jobs.Razor.css

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

::deep .blurry-dialog-background {
backdrop-filter: blur(10px);
}

Вот как я хотел бы ссылаться на класс CSS в моем Jobs.Razor.cs

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

DialogOptions options = new()
{
ClassBackground = "blurry-dialog-background[jobs-scope]",
CloseButton = true,
};

Но с помощью инструментов разработки Chrome я вижу, что сгенерированный файл выглядит следующим образом:

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

/* _content/Project/Pages/Jobs.razor.rz.scp.css */
[jobs-scope] .blurry-dialog-background {
backdrop-filter: blur(10px);
}

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

Подробнее здесь: https://stackoverflow.com/questions/788 ... -css-class