css - 将某行 CSS 对准特定标签

Question

希望这是有道理的，但是否可以将一行 css 指向某个标记？

例如我有这个代码

.about h2 {
color: black;
font-weight: 100;
font-size: 26px;
}

我在另一个名为“Projects”的类中有一个 H2，并且想要一个 margin-top:20px;在上面的代码中^。因此，与其复制和粘贴它，不如将它添加到上面并使其仅适用于“项​​目”H2？

谢谢!

Answer 1

这里是:

<style>
.about h2 {
color: black;
font-weight: 100;
font-size: 26px;
}

.about.projects h2{
margin-top: 20px;
}
</style>

<div class="about">
    <h2>About</h2>
</div>

<div class="projects about">
    <h2>About projects</h2>
</div>

通过这种方式，您可以在 .projects 中重用 .about 样式