样式只是文档中的第一个H1



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

是否有一种方法可以指定" <body>中的第一个<h1>"或"纯<div>中的第一个 <h2>"。

您可能想要:first-of-type

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

:first-of-type CSS pseudo-class`代表其类型的第一个元素。

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

您可能要使用first-of-type,以下是单个H1的示例。有关此访问的更多信息,请访问W3SCHOOLS页面

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

最新更新