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:
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
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Característica | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Soporte básico | Sin soporte | Sin soporte | Sin soporte | Sin soporte | Sin soporte | Sin soporte |
| Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Soporte básico | Sin soporte | Sin soporte | Sin soporte | Sin soporte | Sin soporte |