Css 在React中将样式传递给家长和孩子

我有一个react material ui扩展面板，现在该面板的折叠子面板导致了我的问题，因此我需要将其溢出设置为可见，但我不知道如何在react中做到这一点，特别是因为该子面板不是我定义的类，而是导入的扩展面板的子面板

我在控制台中进行了测试，我知道哪个类需要

溢出：'visible'

样式，但是我不知道如何应用它

下面是我的HTML和css的基本结构，但真正的问题是如何将其应用于扩展面板的子组件

HTML

 <ExpansionPanel
  className={classes.expansionPanelExpanded}
  >

  // the stuff inside the panel            
 </ExpansionPanel>

expansionPanelExpanded中的所有内容都是我试图将

溢出：“可见”

传递给它的子级的内容，该子级在控制台中以类名显示为：

class='MuiCollapse-container-444 MuiCollapse-entered-445'

此类的父级是：

 class='MuiPaper-root-405 MuiPaper-elevation1-408 MuiExpansionPanel-root-402 WithStyles-ExpansionPanel--root-500 MuiExpansionPanel-expanded-403'

---

如果我能为此设置

overflow:visible

样式，它将解决我的问题。

您好！你会做例子吗？如果你会做例子，写下。@OP我想他是说他试图将类名

expansionpanelexpansed

作为一个道具传递给扩展面板的子级，这样他就可以设计扩展面板的样式。但是CSS无法定位该类名

ExpansionPanelExpansed

。材质UI ExpansionPanel有一个包含容器子级的折叠子级。我需要将该容器的溢出更改为可见。expansionPanelExpanded样式应用于面板，但我不知道如何访问扩展面板的折叠子级。您好！你会做例子吗？如果你会做例子，写下。@OP我想他是说他试图将类名

expansionpanelexpansed

作为一个道具传递给扩展面板的子级，这样他就可以设计扩展面板的样式。但是CSS无法定位该类名

ExpansionPanelExpansed

。材质UI ExpansionPanel有一个包含容器子级的折叠子级。我需要将该容器的溢出更改为可见。expansionPanelExpanded样式应用于面板，但我不知道如何访问扩展面板的折叠子级。

 class='MuiPaper-root-405 MuiPaper-elevation1-408 MuiExpansionPanel-root-402 WithStyles-ExpansionPanel--root-500 MuiExpansionPanel-expanded-403'