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

Question

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

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

Answer 1

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

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