Entender los selectores CSS, es en ocasiones, una labor complicada. Por fin una herramienta nos permite humanizar todo esto, Selectoracle nos devuelve la traducción del CSS a lenguaje de ir por casa.
Pongamos un ejemplo sacado de una página cualquiera:
p:hover + div > em { color: red; }
Utilizando nuestro maravilloso traductor, nos daría el siguiente resultado:
Selecciona cualquier elemento em que es hijo de un elemento div que sigue inmediatamente a un elemento p que está siendo señalado.
El traductor es online y actualmente esta disponible en ingles y en español, aunque si a alguien le interesa pronto estará en alemán y búlgaro