Pseudo-clase :focus-within de CSS

Definición y uso

CSS :focus-within Los pseudo-clases se utilizan para coincidir con un elemento, si el elemento o cualquier descendiente suyo obtiene el foco.

Ejemplo

Al obtener el campo de un formulario, selecciona y configura el estilo del formulario：

form:focus-within {
  border: 2px sólido negro;
  background-color: beige;
  color: negro;
}

Prueba por ti mismo

Sintaxis de CSS

:focus-within {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la clase de pseudo.

Páginas relacionadas

Tutoriales：Clases de pseudo de CSS

Referencia：Pseudo-clase :focus de CSS