:has

Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

Resumen

La pseudo-class CSS :has() representa un elemento si cualquiera de los selectores, en relación con el :scope (en-US) del elemento dado, que se pasa como parámetro, coincide con al menos un elemento. La pseudo clase :has() tomo un selector como argumento.

Síntaxis

:has(selector_list) { propiedades de estilo }

Ejemplos

El siguiente selector selecciona únicamente los elementos <a> que contienen <img> hijo:

a:has(> img)

Especificaciones

Especificación Estado Comentario
Selectors Level 4
La definición de ':has()' en esta especificación.
Working Draft Definición Inicial

Compatibilidad entre los distintos navegadores

BCD tables only load in the browser