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

Question

发生的事情是这样的

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

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

1. 为该 h2 添加一个专有的 div 类，然后尝试以常规方式设置其样式

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

CSS:

.faq_title h2 {}

h2 常见问题解答标题{}

只是 faq_title {}

还尝试为该页面创建 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