CSS/HTML寻址多个标题

所以我对HTML/CSS还是有点陌生，我导入了一种自定义字体。我的网站上有很多单行标题和段落，但它们需要很多不同的风格。我不能每次都使用“H1-6”或“header”或“p”。解决标题/段落的更好方法是什么？谢谢

<h1>Qualenist</h1>
<h2>Lorem ipsum dolor sit amet & consectetur adipisicing elit</h2>
<h3>Sign Up</h3>
<h4>learn more</h4>
<h6><span>already a member?</span> Sign in</h6>
<header>How it works</header>

Qualenist
Lorem ipsum dolor sit amet&Concetetur Adipising Elite
注册
了解更多
已经是会员了？登录
工作原理

只需给出如下css

<header class="newstyle">how it works</header>
<header class="other">how it works</header>

.newstyle{
 font-size:30px;
 }
.other{
 font-size:20px;
}

它的工作原理
工作原理
.新闻风格{
字体大小：30px；
}
.其他{
字体大小：20px；
}

您可以轻松地将类添加到

h1

到

h6

，例如

main

，

侧边栏

等等。
这些定义具有更高的优先级，因为它们的

特异性

高于仅标记的定义

有关

特定性的更多信息，请参见以下链接：



欢迎来到HTML和CSS的有趣世界！这里的标准方法是将类添加到元素中，以便区分它们，以便您可以以不同的方式设置它们的样式：

<h1 class="success">Your subscription is processed</h1>
<h1 class="error">There was a problem processing your subscription</h1>

然后，当您的老板改变主意并希望所有成功标题都是紫色漫画SAN时，您可以相应地编辑
h1.success
CSS规则。
首先，您必须为自己的目的创建自定义CSS类。您将在引导库中找到漂亮的标题和标签

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

默认值
主要的，重要的
成功
信息
警告
危险


请检查
听起来你在寻找CSS类。阅读w3c html，你就会明白H1H2等存在的原因。如果你不想，不要使用它。请不要彻底改变你的问题！！现在发布的答案与您的更改无关！哦，好的。我会发布一个新的。我应该做的很有道理。所以我做了，但它没有出现。帮忙？我编辑了上面的代码。仅仅从阅读这个问题我并不完全清楚预期的结果是什么。我建议你去一个可以输入HTML和CSS代码的地方，然后按“run”键，它会显示结果。一旦您的所有代码都在那里运行，请按“保存”并将链接粘贴到此处，以便所有人都可以查看。为什么您要使用
标签
而不是语义正确的
hx
标签来重新编译？
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>