selector hermano previo

[maturano]

Necesito seleccionar los elementos previo y contiguo de otro elemento. Lo segundo lo sé hacer, con el selector "+"

Código CSS:

.selector + etiqueta {}
 

¿cómo sería para seleccionar el elemento previo?.

Intentando explicarme con código: https://jsbin.com/ducina/edit?html,css,output

[fede5426]

Existe el selector ~ que sirve para seleccionar todos los elementos hermanos.. por ejemplo:

Código CSS:

.selector ~ p {}
 

Con eso seleccionas todos los elementos <p> que estén al mismo nivel que el ".selector"

Si no me equivoco, no existe un selector que permita simplemente seleccionar un elemento previo, la solución que veo si querés aplicar estilos diferentes que los del elemento siguiente pero que sea solo hermano de ese elemento, es aplicarle una clase y usar el selector ~ apuntando a dicha clase.

Código CSS:

.selector ~ .anterior {}
 

Si tu teclado no tiene ese signo por alguna razón, se puede escribir con Alt+126.

Saludos

[maturano]

No puedo editar el HTML; no puedo agregar la clase como mencionas. Por lo que he leído, tienes razón en que no hay manera de seleccionar un elemento previo... aparentemente la única solución es mediante JavaScript.

Algo "tan simple" y es un rompedero de cabeza >.< ... :) Gracias por la ayuda.