#questionOfTheDay ¿Existe un selector CSS para el elemento padre?
Actualmente, no existe forma de seleccionar el padre de un elemento HTML en CSS.
¿Cómo puedo estar seguro de que no existe manera?
Si existiera una forma de hacerlo, estaría incluido en los selectores que actualmente tenemos disponibles:
¿Alguna esperanza?
Los selectores nivel 4,que son un borrador en progreso, incluyen una pseudo-clase :has() que trabaja como la implementación de jQuery.
Ejemplo. Para seleccionar el elemento li que contenga un elemento a con la clase active, lo expresaríamos así:
li:has(> a.active)
{
/* estilos para la etiqueta li */
}
Pero lamentablemente al día de hoy, NINGÚN NAVEGADOR ha implementado este selector.
Referencia: https://developer.mozilla.org/en-US/docs/Web/CSS/:has
Compatibilidad de Navegadores
Mejor suerte la próxima, a seguir usando JavaScript ;(