html - 如何设置儿童 div 的样式

Question

非常简单的问题，但我找不到解决方案。我如何能够在不必在每一行上重复顺风样式的情况下设置两个排版组件的样式，我尝试将样式放在“父”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>

标签： htmlcssreactjscomponents

Answer 1

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

在对象内部使用mui css 属性classes

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