Css 将样式添加到h1标记而不进行编辑

我是html/css新手，想知道是否有人对我目前遇到的问题提出了建议

对于一个我正在工作的网站，我在H1CSS标签下有标题。我想给它添加填充，但我不想影响具有相同h1标记的其他页面上的所有其他标题。在css中向h1添加填充而不影响使用相同标记的所有其他标题的最佳方法是什么

感谢您花时间阅读我的问题^^^，我为这么简单的问题道歉

header h1{ /*Some sort of more specific selector*/
  padding: /*Value*/;
}

将它插入到CSS文件中，这应该适合您

这只会影响标题中的h1。 因此，您的HTML将是：

<header>
  <h1>Hello World!</h1>
</header>

---

链接：

向特定的h1元素添加类或id；例如：

HTML

---

尽管对于标题，您应该使用HTML5元素。

这假设您想要页面上的第一个H1标记。如果您提供周围的HTML，我可以提供一个更好的选择器，但这将为页面上H1标记的第一个实例设置样式

h1:nth-child(1) {
    padding: 1em;
}

方法1 可以定义内联样式

<h1 style="padding-bottom: 10px">Header</h1>

方法3 通过某个对此页面唯一的父div访问它。你的CSS将是

#mainPage h1{
    padding-bottom: 10px
}

---

为了实现这一点，您可能需要为该头部指定一个类名。 例如，如果您只想在主页上反映样式，则应指定一个类名：

h1.main {
  padding:5px;
}

所有其他标题都将使用默认样式。 在HTML中，只需添加以下类：

<h1 class="main">Title</h1>

---

你应该添加更多的选择，因为这很可能不是他想要的。到目前为止，还不完全清楚他想要什么，因为我们还没有看到任何标记。

h1.specialHeader {
    padding-bottom: 10px;    
}

#mainPage h1{
    padding-bottom: 10px
}

h1.main {
  padding:5px;
}

<h1 class="main">Title</h1>