Dar estilo css al padre

[g3kdigital]

Hola!.

Pues se me ocurre lo siguiente, no se si te ayuda:

Sí esa es la estructura que tienes (que no es la mejor) pero sí puedes acceder a ese elemento en especifico.

Puedes probar así:

.menu ul>li:nth-child(2)

Si vas a modificar la lista, que es el segundo hijo de ul.

Si necesitas es modificar el enlace, entonces:

.menu ul>li:nth-child(2) a

Sí lo que necesitas es una condición, es decir, algo así como un IF que detecte si el elemento posee anidaciones tipo menu, aparece el icono, en el momento no se puede con css, ni con css3 la especificación actual.

Ahora como añadir el icono, se me ocurren dos cosas:

1. Con background-image: cargas la url de la imagen o sprite.
Con background-position: lo pones 0 0 si lo quieres a la izq o 0% 100% si lo quieres a la der.
Con background-repeat: no-repeat; Para que no se repita.
Y con un padding-left o padding-right: Medidas que tiene de ancho e icono en la imagen, más pixeles de espacio entre el icono y el texto.

2. Con ::after o ::before, agregas el content: url (imagen.png), que es más rapido, pero un poco menos seteable. O si lo haces con tipos de fuentes svg, añades una cadena de texto.

Espero que esto te ayude, sino. Pues avisame e investigo a ver si puedo.