Материал пользовательский интерфейс следующий: одинаковый стиль для всех элементов сетки
В приложении Material UI Next у меня есть несколько сеток из таблицы и верхней области, содержащей поисковые фильтры. Теперь я хочу добавить один и тот же отступ для всех <Grid item ... > элементы, удерживающие фильтры.
Они заканчиваются как <div class="MuiGrid-item-<n>" ... > в конечном HTML: есть ли способ заставить все эти сетки использовать один и тот же CSS, объявленный только один раз? Он должен быть добавлен к существующим стилям, поэтому переопределение классов, как описано в Переопределении, не кажется решением.
В простой настройке CSS я бы добавил filter Класс для каждого из них, а затем добавить правило, как:
div[class^=MuiGrid-item].filter {
padding: 0.5em;
}
Но в MUI добавление className приписать каждому <Grid item ... > и объект, описывающий стиль в компонентном файле javascript, выглядит слишком много.