Material-ui makeStyles 前后都有

Question

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

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

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

Answer 1

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

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

<div className={classes.root}>