gpt4 book ai didi

css - Material-ui makeStyles 前后都有

转载 作者:行者123 更新时间:2023-12-01 23:13:04 28 4
gpt4 key购买 nike

我正在从事一个需要以下 CSS 代码的元素。

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

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

最佳答案

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

const useStyles = makeStyles({
root: {
"&, &:before, &:after": {
// your styles
}
}
});
<div className={classes.root}>

Codesandbox Demo

关于css - Material-ui makeStyles 前后都有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69485158/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com