Pseudo-clase :is() de CSS

Definición y uso

CSS :is() Los pseudo-clases se utilizan para aplicar estilos idénticos a todos los elementos entre paréntesis.

:is() Los pseudo-clases necesitan una lista de selectores separados por comas como parámetros.

Consejo:Al manejar partes HTML y títulos,:is() Los pseudo-clases son muy útiles.

Vea el siguiente ejemplo:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  color: green;
}

Equivalente a:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  color: green;
}

Ejemplo

Aplica el color de texto rojo a los elementos p.intro, <ul> y <ol>:

:is(p.intro, ul, ol) {
  color: red;
}

Prueba personalmente

Sintaxis CSS

:is(lista-seleccionador) {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

La numeración en la tabla especifica la versión del navegador que primero admite completamente este pseudo-clase.