css - 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}>