当我悬停到父元素时，如何在jss中选择子元素

const styles = {
  parent: {
    // 父元素的样式
    // ...
  },
  child: {
    // 子元素的样式
    // ...
  },
  parentHover: {
    '&:hover $child': {
      // 当父元素悬停时，子元素的样式
      // ...
    },
  },
};

// 使用样式
const MyComponent = () => {
  const classes = useStyles();

  return (
    <div className={classes.parent}>
      <div className={classes.child}>子元素</div>
    </div>
  );
};