如何使用:悬停在: material-ui中的最后一个子级？

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  parent: {
    // 添加你想要的样式
  },
  lastChild: {
    // 添加悬停时的样式
  },
});

const MyComponent = () => {
  const classes = useStyles();

  return (
    <div className={classes.parent}>
      <div>子级1</div>
      <div>子级2</div>
      <div className={classes.lastChild}>最后一个子级</div>
    </div>
  );
};

export default MyComponent;