0
220
Vistas¿Cómo puedo seleccionar todos los nombres de clase que terminan con una palabra dada en la propiedad MUI sx?
Estoy usando MUI y necesito cambiar algunas propiedades que tienen nombres de clase con estos ID aleatorios como prefijos. ¿Cómo puedo seleccionar, por ejemplo, el primero como:
'& termina con(MuiAccordionDetails-root)'
Quiero hacer esto porque estas identificaciones aleatorias cambian constantemente
const Styles = { accordion:{ p:0, '& .css-15v22id-MuiAccordionDetails-root':{ p:0, }, '& .css-10gwilr-MuiButtonBase-root-MuiAccordionSummary-root':{ px: '10px', }, '& .MuiCollapse-root':{ mx:'20px' } },}
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
En los elementos Mui, los nombres de clase son así MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-c4sutr por lo que siempre hay una clase separada para cada elemento, y el nombre de la clase por ID se cambia en cada representación, y siempre se separa de los nombres de la clase principal como arriba, para que pueda seleccionar su elemento por:
const Styles = { accordion: { p: 0, "& .MuiAccordionDetails-root": { p: 0 }, "& .MuiButtonBase-root- .MuiAccordionSummary-root": { px: "10px" }, "& .MuiCollapse-root": { mx: "20px" } } };
·
Juan Pablo Isaza
Denunciar
Responde la pregunta