:has
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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
| Specification |
|---|
| Selectors Level 4 # relational |