Css 材质UI应用程序栏标题样式

Css 材质UI应用程序栏标题样式,css,reactjs,material-ui,Css,Reactjs,Material Ui,是否可以根据材质UI标题而不是内联方式设置AppBar的样式? 我有一个单独的css文件,我想改变标题的大小,例如 像这样的事情: .app-bar title { font-size: 120px !important; } 谢谢:)尝试.app bar h1或.app bar*设置css代码的样式,然后将.app bar添加到AppBar组件类名中,正如您在文档中看到的那样,组件接受wrappper的类名,并具有不带类的h1标记,因此您可以尝试: .app-bar h1 { fon

是否可以根据材质UI标题而不是内联方式设置AppBar的样式? 我有一个单独的css文件,我想改变标题的大小,例如

像这样的事情:

.app-bar title {
    font-size: 120px !important;
}

谢谢:)

尝试
.app bar h1
.app bar*
设置css代码的样式,然后将.app bar添加到AppBar组件类名中,正如您在文档中看到的那样,组件接受wrappper的类名,并具有不带类的h1标记,因此您可以尝试:

.app-bar h1 {
font-size: 120px !important;
}


我解决了这个问题。解决方案:

 <AppBar className="app-bar"
                            title={<div className="app-bar-title">Tomek The Title</div>}

我解决了这个问题,但问题又如何呢!重要的是,从另一方面来说,它不起作用,到目前为止,它看起来是这样的:。应用程序栏{背景颜色:#de6927!重要;位置:固定!重要;顶部:0!重要;显示:灵活!重要;灵活方向:行!重要;对齐项目:中心!重要;}
 <AppBar className="app-bar"
                            title={<div className="app-bar-title">Tomek The Title</div>}