Material-ui makeStyles 之前和之后

Question

我正在开发一个需要以下 CSS 代码的项目。

.hexagon, .hexagon::before, .hexagon::after {
  width: 67px;
  height: 116px;
  border-radius: 18%/5%;
}

有没有一种方法可以使用 Material-UI 实现上述样式，makeStyles而无需单独使用之前和之后选择器？

Answer 1

您可以使用下面的代码，'&'表示生成的类名将传递给组件

const useStyles = makeStyles({
  root: {
    "&, &:before, &:after": {
      // your styles
    }
  }
});

<div className={classes.root}>