Псевдоэлементы не работают в Material-UI makeStyles React. js

Question

Псевдоэлементы не работают в make-стилях Material-UI.

innerBox: {
        borderRadius: "10px",
        background: "#fff",
        boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.36)",
        maxHeight: "50px",
        "& ::before": {
            content: "anything"
        }
    }

Answer 1

Проблема здесь, кажется, ваш селектор, он не правильный вместо & ::before try &:before

innerBox: {
    borderRadius: "10px",
    background: "#fff",
    boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.36)",
    maxHeight: "50px",
    "&:before": {
        content: "anything"
    }
}