如何设置儿童 div 的样式

Posted 2023-02-23

【中文标题】如何设置儿童 div 的样式

【英文标题】：How to style children divs

【发布时间】：2021-12-15 21:34:27

【问题描述】：

非常简单的问题，但我找不到解决方案。我如何能够在不必在每一行上重复顺风样式的情况下设置两个排版组件的样式，我尝试将样式放在“父”div 中，但它不起作用。提前致谢。这是一个 React 应用程序

<div className="parent">
    <Typography variant='Title' text=Company classes="py-2 px-15 rounded-5" />
    <Typography variant='SubTitle' text=City classes="py-2 px-15 rounded-5" />
</div>

【参考方案1】：

您可以使用classes。 classes 是一个对象

在classes 对象中使用mui css 属性

<Typography
    classes=
        root: 'custom-class',
    
>
...
</Typography>