如何选择H1标签？

Question

我想在不使用CSS第n选择器的情况下定位第一个或最后一个h1标签; 我怎样才能做到这一点？

<div>
  <p> 1st P</p>
  <h1> First H1</h1>
  <h1> Second H1</h1>
  <h1> Third H1</h1>
  <p> 2nd P</p>
</div>

Answer 1

您可以使用:first-of-type和:last-of-type伪类.

h1:first-of-type {
  color: rebeccapurple;
}

h1:last-of-type {
  color: gold;
}

<div>
  <p> 1st P</p>
  <h1> First H1</h1>
  <h1> Second H1</h1>
  <h1> Third H1</h1>
  <p> 2nd P</p>
</div>