将鼠标悬停在 makeStyles Material UI 中的第一个子 div 上时选择第二个子 div

如何解决将鼠标悬停在 makeStyles Material UI 中的第一个子 div 上时选择第二个子 div

我有一个父 div 和两个子 div，当我将鼠标悬停在第一个子 div 上时，我想将 CSS 应用于第二个子 div。这是render方法的结构。

<div className={classes.parent}>
    <div className={classes.child1}></div>
    <div className={classes.child2}></div>
</div>

用于在悬停时选择子类的 Material UI 的 makeStyles 语法是什么？

解决方法

您可以使用element+element选择器选择当前元素之后的元素：

AppBar(
    brightness: Brightness.dark
)

现场演示