我想要覆盖属于react semantic UI的默认头。
目前，我将标题放在div内，以便对其进行样式化。
<div className="portfolioTitle">
<Header as="h1">Check the magic</Header>
</div>
CSS:
.portfolioTitle {
padding-left: 10%;
position: relative;
padding-bottom: 3%;
padding-top: 3%;
}
这个解决方案正在工作，但是我想在不使用div的情况下也这样做。 我试图实现这个解决方案，但它对我不起作用。
有什么想法吗？ 谢了。
您可以简单地将className prop提供给头
请参阅此处的工作演示
此外，您还需要将！important应用于样式。
注意:如果您检查element，您将看到下面的样式被语义ui库应用到header上。 因此，如果您想提供自定义类名，然后与以下提到的css属性，然后您必须使用！重要。
.ui.header {
border: none;
margin: calc(2rem - .14285714em) 0 1rem;
padding: 0 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 700;
line-height: 1.28571429em;
text-transform: none;
color: rgba(0,0,0,.87);
}
