小编Svy*_*nko的帖子

我正在尝试使用sx MUI 属性设置组件的样式。

<Typography
        variant='h1'
        align='center'
        sx={{ fontSize: '24px', pb: '8px', fontWeight: '700' }}
    >
        Admin Panel
</Typography>

问题是：MUI 主题中的类具有更多 CSS 特异性，并覆盖sx prop 中的类。

以下是用于排版的 MUI 主题设置：

typography: {
        h1: {
            fontSize: '2rem',
            '@media screen and (min-width: 768px)': {
                fontSize: '3rem',
            },
            '@media screen and (min-width: 1024px)': {
                fontSize: '3.5rem',
            },
        },
    },

这也是它在开发工具中的外观：

这是预期的行为吗？我有什么办法可以解决这个问题吗？