如何设置儿童 div 的样式

Question

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

<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>

Answer 1

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

在 classes 对象中使用 mui css 属性

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

如何设置儿童 div 的样式

How to style children divs

html

css

components

reactjs