В Blazor Fluent Grid, как добавить альтернативный стиль фона в нечетные ряды? ⇐ CSS

[Anonymous]

Я пытаюсь добавить альтернативный стиль фонового стиля в нечетные ряды в Blazor Fluent Grid
Это швы, которые невозможно из коробки, поэтому я попробовал с некоторыми CSS, как < /p>

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

.fluent-data-grid tbody tr:nth-child(odd) {
background: blue !important;
}
< /code>
и < /p>
fluent-data-grid-row:nth-child(odd) {
background: blue !important;
}
< /code>
Но это не работает. Я могу установить для такого столбца, и он работает нормально < /p>
 .fluent-data-grid td:nth-child(odd) {
background: blue !important;
}
< /code>
Чтобы воспроизвести создать в новом Blazor Fluent Web App в VS, и в странице Weather.Razor Добавить стиль < /p>
@page "/weather"
@attribute [StreamRendering]


.fluent-data-grid tr:nth-child(odd) {
background: blue !important;
}

.fluent-data-grid td:nth-child(odd) {
background: red !important;
}


Weather

Weather

This component demonstrates showing data.


c!.Date)" Align="Align.Start"/>

Запустите его и увидите, что он не влияет на цвет строки

Как я понимаю?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... o-odd-rows