Question

我正在学习如何使用html和CSS，我在h3下有4个标题，在h3上的前2个文本我想变成橙色，在底部的2个标题文本也在h3下，我想翻一下绿色。

任何人都可以帮忙

Answer 1

执行此操作的一种方法是使用CSS伪nth-child选择器。您可以使用子索引直接指定所需的h3。第一个H3是1，第二个H3是2，依此类推。

h3:nth-child(1) {
  color: orange;
}

h3:nth-child(2) {
  color: orange;
}

h3:nth-child(3) {
  color: green;
}

h3:nth-child(4) {
  color: green;
}

<h3>Header 1</h3>
<h3>Header 2</h3>
<h3>Header 3</h3>
<h3>Header 4</h3>

Answer 2

nth-last-child是您想要的选择器

/*Default color;*/
.someheadings h3 {
  color: orange;
}


/*Color the last 2;*/
.someheadings h3:nth-last-child(-n+2) {
  color: green;
}

<div class="someheadings">
  <h3>I'm Orange</h3>
  <h3>I'm also Orange</h3>
  <h3>I'm green</h3>
  <h3>I'm also green</h3>
</div>

nth-child和nth-last-child的语法可能会有些奇怪。以下文章很好地说明了您可以做什么：https://css-tricks.com/useful-nth-child-recipies/

我将重申我先前的评论，以后在您的问题中加入代码帮助我们，这样我们就不必猜测您的HTML或到目前为止您已经尝试过的内容了。 / p>

Answer 3

我找到了答案，谢谢所有帮助，感谢您的帮助。

我要做的就是将其他两个标题上的h3更改为h4，然后其余的

h4 [颜色：绿色：} ..

它使我想起了生活。如此简单

h3下每个标题的颜色分别更改

3 个答案: