:has
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde diciembre de 2023.
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
| Especificación |
|---|
| Selectors Level 4 # relational |