css nth child来自元素与类

Question

我有一种方法可以从具有某个类的元素中选择(使用css)第n个子元素.例如,对于以下内容,我如何选择li带有id="this"(出于解释目的)的元素？所以基本上我想说的是元素中的第二个元素class="selected"

<ul>
    <li></li>
    <li class="selected"></li>
    <li></li>
    <li id="this"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

Answer 1

实际上你可以用+选择器做.它有点脏,但适用于您的情况.您所需要的只是知道所需元素的确切位置.

.selected + li + li(+ li根据需要添加多少次)