问一个 css 选择器的问题

[waiaan]

<div>
  <div class="item"></div>
  <div class="item selected"></div>
  <div class="item selected"></div>
  <div class="item"></div>
  <div class="item selected"></div>
  <div class="item"></div>
</div>

如何选中第一个带‘selected’类名的元素？

[SunriseFox]

CSS 八成大概也许可能差不多做不到...

[cmdOptionKana]

实在不行就加上 js 吧

[waiaan]

@cmdOptionKana 只能如此了。

[rioshikelong121]

应该做不了 因为那一堆 nth-of-type 等选择器只适用于 element 而不是 class。

[Carseason]

.item.selected:last-child

[FragmentLs]

```css
// first .selected rules
.item.selected {
}

// rest of the .selected rules
.item.selected ~ .item.selected {
}
```

[Carseason]

打错了

[MinYa]

举例默认背景颜色黑色，选中要设置为白色。
.selected{
background: #fff;
}
.selected ~ .selected{
background: #000;
}

[waiaan]

@FragmentLs
@MinYa

可行，多谢！

[loading]

这种问题，我会用 chrome，控制台，copy selecter……

[ChanKc]

div .item.selected::first-child

[ChanKc]

为什么我感觉前面的答案都是“选择 selected 且不是第一个”