如何使用 css 更改特定页面内的 h2 位置？

Question

会发生什么

有多个页面，所有页面都有 h 元素嵌套在通用容器 div 类中。

所以，要在 css 中编辑特定页面内的特定 h2 元素，我不能简单地编辑 h2 或容器，也不能简单地编辑我尝试过的其他东西：

1. 为那个 h2 放置一个专有的 div 类，然后尝试以常规方式对其进行样式化

2. 将 h2 放入 id 中，如下所示：“ blablablah”

css:

.faq_title h2 {}

h2 faq_title {}

只是 faq_title {}

1. 还尝试为该页面创建 2 个容器，以便我可以设置 h2 的样式：

""

然后在css中：

.container_help h2 {}

---

我真的很想在这方面提供一些帮助，如果有人能...

谢谢！！！

Answer 1

您必须通过选择器将 CSS 样式应用于 h2。

.divname h2:nth-child(3) { /* Make the 3rd h2 blue */
  color: blue; 
}

.divname h2:nth-child(even) { /* Make the even h2's red */
  color: red;
}

.divname h2:nth-child(6) { /* Make the 6th h2 italicized */
  font-style: italic; 
}

<div class="divname">
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
  <h2>Hello World</h2>
</div>

来源：Codepen

Answer 2

据我了解，您想编辑它，比如更改文本颜色 blablabla 我是否正确？

如果是这样，那么你可以使用这个：

.faq_title h2 {
 display:block;
 color: red;
 }