<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’类名的元素?
1
SunriseFox 2020-03-16 17:19:08 +08:00
CSS 八成大概也许可能差不多做不到...
|
2
cmdOptionKana 2020-03-16 17:20:17 +08:00
实在不行就加上 js 吧
|
3
waiaan OP @cmdOptionKana 只能如此了。
|
4
rioshikelong121 2020-03-16 17:29:26 +08:00
应该做不了 因为那一堆 nth-of-type 等选择器只适用于 element 而不是 class。
|
5
Carseason 2020-03-16 17:33:14 +08:00
.item.selected:last-child
|
6
FragmentLs 2020-03-16 17:33:29 +08:00 1
```css
// first .selected rules .item.selected { } // rest of the .selected rules .item.selected ~ .item.selected { } ``` |
7
Carseason 2020-03-16 17:33:57 +08:00
打错了
|
8
MinYa 2020-03-16 17:34:32 +08:00 1
举例默认背景颜色黑色,选中要设置为白色。
.selected{ background: #fff; } .selected ~ .selected{ background: #000; } |
9
waiaan OP |
10
loading 2020-03-16 18:50:59 +08:00 via Android
这种问题,我会用 chrome,控制台,copy selecter……
|
11
ChanKc 2020-07-08 10:10:19 +08:00 via Android
div .item.selected::first-child
|
12
ChanKc 2020-07-08 10:14:47 +08:00 via Android
为什么我感觉前面的答案都是“选择 selected 且不是第一个”
|