我如何 select MUI sx 属性 中以给定单词结尾的所有类名？

Question

我正在使用 MUI，我需要更改一些具有以这些随机 ID 作为前缀的类名的属性。我怎样才能select，比如第一个像：

'& endsWith(MuiAccordionDetails-root)'

我想这样做，因为这些随机 ID 不断变化

 const Styles = {
accordion:{
  p:0,
  '& .css-15v22id-MuiAccordionDetails-root':{
    p:0,
  },
  '& .css-10gwilr-MuiButtonBase-root-MuiAccordionSummary-root':{
    px: '10px',
  },
  '& .MuiCollapse-root':{
    mx:'20px'
  }
},

}

Answer 1

在 Mui 元素中，classNames 是这样的 MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-c4sutr 所以每个元素总是有一个单独的 class，并且 class name by ids 在每次渲染中都会改变，并且总是与上面的 class 主要名称分开， 所以你可以 select 你的元素：

const Styles = {
  accordion: {
    p: 0,
    "& .MuiAccordionDetails-root": {
      p: 0
    },
    "& .MuiButtonBase-root- .MuiAccordionSummary-root": {
      px: "10px"
    },
    "& .MuiCollapse-root": {
      mx: "20px"
    }
  }
};