伪元素在 Material-UI makeStyles React.js 中不起作用

【问题标题】：Pseudo elements are not working in Material-UI makeStyles React.js伪元素在 Material-UI makeStyles React.js 中不起作用
【发布时间】：2020-07-07 21:55:36
【问题描述】：

伪元素在 Material-UI makeStyles 中不起作用。

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

【问题讨论】：

标签： css reactjs sass material-ui root

【解决方案1】：

这里的问题似乎是你的选择器，它不正确而不是& ::before尝试&:before

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

【讨论】：

那么你的代码有其他问题，但是选择器可以工作，检查这个沙箱codesandbox.io/s/suspicious-sound-i9tb1它同时使用:before和:after
innerBox: {borderRadius: "10px", background: "#fff", boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.36)", maxHeight: "50px", " &:before": { content: " ' ' " } } 它的工作兄弟