Question

我正在寻找一种方式来设置<h1>的第一个<body>后代或<h2>的第一个<div>后代。我尝试使用:first-child，但这似乎是任何第一个孩子......

有没有办法在纯CSS中指定“<h1>”中的“<body>”或“<h2>中的每个<div>”？

Answer 1

您可能需要:first-of-type：

div > h2:first-of-type {
  color: red;
}

body > h1:first-of-type {
  color: red;
}

Answer 2

:first-of-type CSS伪类“表示一组兄弟元素中其类型的第一个元素。

div > h1:first-of-type {
  color: black;
}

body> h1:first-of-type {
  color: black;
}

Answer 3

您可能想要使用first-of-type，以下是单个h1的示例。有关此访问的更多信息the w3schools page

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