html – CSS选择接下来的两个元素

前端之家收集整理的这篇文章主要介绍了html – CSS选择接下来的两个元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 HTML
...
<li>...</li>
<li>...</li>
<li class="last">...</li>

<li class="selected">...</li>  # <- this
<li>...</li>                   # <- this
<li class="last">...</li>      # <- this

<li>...</li>
<li>...</li>
<li class="last">...</li>
....

所以,基本上是三个lis的组,最后一个具有特定类的组,并且在其中一个组中具有特殊类的第一个li.

有没有办法使用纯CSS来选择带有所选类的li和接下来的两个,在上面的代码标记

我已经设法使用li.selected li选择下一个,但这不适用于之后的那个.

解决方法

只需添加另一个li即可到达它:
li.selected,li.selected + li,li.selected + li + li

猜你在找的HTML相关文章