Сетка и псевдо-селекторы не работают правильно с Material-UI - PullRequest
Новая
       9

Сетка и псевдо-селекторы не работают правильно с Material-UI

0 голосов
/ 11 марта 2020

У меня есть следующий стиль, работающий с чистым CSS, но с material-ui псевдо-селекторы не работают. 

five: {
    display: 'grid',
    position: 'relative',
    gridTemplateColumns: 'repeat(3, 2fr)',
    '&:nth-child(4)': {
        gridColumn: '1/3',
        gridRow: '2'
    },
    '&:nth-child(5)': {
        gridColumn: '2/6',
        gridRow: '2'
    }
}

Цель состоит в том, чтобы иметь следующий макет, где 'O' просто пусто пробел и X являются элементами:

XOXOX

OXOXO

Может ли это быть сделано без псевдоселекторов или, возможно, в текущем коде есть ошибка, которую я пропускаю?

...