:has

Baseline 2023

Newly available

Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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 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:

css
a:has(> img) {
}

Especificaciones

Specification
Selectors Level 4
# relational

Compatibilidad con navegadores

BCD tables only load in the browser