如何将 h2 标签设置为默认大小

Question

root元素的字体大小:16px。我正试图将我的h2标签设置为其正常的默认大小。

h2声明的CSS:

.cursive {
font-family: "Damion", cursive;
font-style: normal;
color: #FFFFFF;
font-size: 3rem;
}

<div id="sign-up-section" class="banner">
<div id="sign-up-cta">
<div class="content center">
<div class="header">
<h2 class="cursive">Instant</h2>
<h1 class="striking">FORMAT CAMERA</h1>
</div>

我的根元素的字体大小是16px的HTML声明在我的CSS。

当我添加rem值来增加字体的字体大小时，代码消失了，并且不显示h2类的字体，称为草书。

然而，当我删除类和草书文本，直到它只显示h2, h2显示字体和任何其他字体的h2标签在其默认大小，这不是我想要的，因为我想要类草书，字体大小更改为默认大小。

一开始，我改变了字体大小，通常使用像素，字体大小增加了，但最大只有22px，但没有任何进一步

有人能帮我解决这个问题吗?

Answer 1

因为h2标签(草书类)的颜色被设置为白色!

所以这样写:

.cursive {
font-family: "Damion", cursive;
font-style: normal;
color: black;
font-size: 3rem;    
}

<div id="sign-up-section" class="banner">
<div id="sign-up-cta">
<div class="content center">
<div class="header">
<h2 class="cursive">Instant</h2>
<h1 class="striking">FORMAT CAMERA</h1>
</div>

现在您可以看到更改