如何使用反应覆盖材质 ui 网格项样式

Question

我正在尝试覆盖材质 ui 网格项上的默认填充（我正在使用颜色以使其更容易在此处查看）

const useStyles = makeStyles((theme) => ({
  root: {
    '& .MuiGrid-item': {
      backgroundColor: 'red'
    },
    padding: 25
  },
  title: {
    '& .MuiGrid-item': {
      backgroundColor: 'green'
    },
    textAlign: 'left'
  }
}))

使用此代码，所有网格项都变为红色，没有变为绿色。左文本对齐应用于具有标题类的网格项。

有没有办法将绿色背景应用到仅具有标题类的网格项上？