Css 第一个类型选择器

在本例中，如何定位第一个.list组标题？理想情况下，这适用于.list组标题可以是第一个、第二个或第三个div的其他实例，但我始终希望以第一个.list组标题为目标

<div class="content-sidebar">
  <div class="list-group-divider">…</div>
  <div class="list-group-item list-group-title">…</div>
  <div class="list-group-divider">…</div>
  <div class="list-group-item list-group-title">…</div>
  <div id="ember1956" class="ember-view">…</div>
  <div class="list-group-item list-group-title">…</div>
</div>

这不起作用，我试过：

.list-group-title:first-of-type 

.list-group-title:nth-child(2)

但如果它不是另一个例子中的第二个div，那么这个问题就解决不了

---

有什么办法可以做到这一点吗？

CSS不包含

第一类的选择器类型。但是，您可以做的是相反的：将第一个事件以外的所有事件作为目标，从而有效地将第一个事件的样式设置为反向


。列出组标题{
背景：红色；
}
.list组标题~.list组标题{
背景：蓝色；
}

…
…
…
…
…
…
CSS不包含类首类型的选择器。但是，您可以做的是相反的：将第一个事件以外的所有事件作为目标，从而有效地将第一个事件的样式设置为反向


。列出组标题{
背景：红色；
}
.list组标题~.list组标题{
背景：蓝色；
}

…
…
…
…
…
…
：类型的第一个！=：第一类
，其中
：第一类
不存在-很遗憾。
：第一类！=：第一类
，其中
：第一类
不存在-很遗憾。很好，正如我试图回答的一样。您的速度更快：）但是，这仅在OP希望向第一个元素添加一些样式时有效。但是，如果他想设计第二个元素（而不是第一个和第三个元素）的样式，这是行不通的。然而+1@Vucko您可以轻松地将此解决方案扩展到只针对第二个实例。@Nit您能提供一个示例吗？@Vucko Good，与我试图回答的相同。您的速度更快：）但是，这仅在OP希望向第一个元素添加一些样式时有效。但是，如果他想设计第二个元素（而不是第一个和第三个元素）的样式，这是行不通的。然而+1@Vucko您可以轻松地将此解决方案扩展到只针对第二个实例。@n您能提供一个示例吗？@Vucko