如何设置儿童 div 的样式答案

【问题标题】：How to style children divs如何设置儿童 div 的样式
【发布时间】：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>

【问题讨论】：

标签： html css reactjs components

【解决方案1】：

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

在classes 对象中使用mui css 属性

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

【讨论】：