css enésimo hijo del elemento con clase

Existe una forma de seleccionar (usar css) el enésimo niño de un elemento con una cierta clase. Por ejemplo, para lo siguiente, ¿cómo podría seleccionar el elemento li con el id="this" (se muestra con fines de explicación)? Entonces, básicamente, quiero decir el segundo elemento del elemento con class="selected"

 

En realidad, podrías hacerlo con + selector. Está un poco sucio, pero funciona en tu caso. Todo lo que necesita es conocer la posición exacta del elemento que necesita.

.selected + li + li (agregando + li tantas veces como lo necesite)

Usas combinators para seleccionar un elemento relativo a otro elemento (al que me referiré aquí como el elemento de referencia ).

En este caso, como quiera que el segundo hermano después de li.selected , necesita dar un paso adelante con dos elementos, usando dos + combinators hermanos:

 li.selected + li + li 

Como se mencionó, tendrá que repetir + li n veces para llegar al enésimo hermano siguiente de su elemento de referencia (consulte también esta respuesta relacionada ). No hay un combinador de n-hermanos, y :nth-child() no está diseñado para funcionar con selectores relativos.