css选择器获取上一个元素
时间: 2024-04-24 19:26:13 浏览: 78
要获取上一个元素,可以使用CSS选择器中的兄弟选择器 `~` 或者相邻兄弟选择器 `+`。
使用兄弟选择器 `~` 可以选择在当前元素之后的所有相邻兄弟元素,然后通过索引获取上一个元素。例如,如果要获取当前元素的上一个元素,可以使用 `~` 选择器和 `:eq()` 选择器结合,如下所示:
```css
.current ~ .previous:eq(0)
```
这将选择当前元素 `.current` 之后的所有相邻兄弟元素中的第一个元素,并且该元素具有类名为 `.previous`。
另一种方法是使用相邻兄弟选择器 `+`,它可以选择当前元素之后的第一个相邻兄弟元素。同样地,通过结合 `:eq()` 选择器,可以获取上一个元素。示例如下:
```css
.current + .previous:eq(0)
```
这将选择当前元素 `.current` 之后的第一个相邻兄弟元素,并且该元素具有类名为 `.previous`。
请注意,`:eq()` 选择器用于选择索引为 0 的元素,即第一个匹配项。如果你想选择其他索引的元素,请相应地修改索引值。
阅读全文