Pseudo-classe :is() CSS

Definição e uso

CSS :is() Os pseudo-classes são usados para aplicar o mesmo estilo a todos os elementos entre os parênteses.

:is() Os pseudo-classes precisam de uma lista de seletores separados por vírgulas como seus parâmetros.

Dica:Ao lidar com partes HTML e títulos,:is() Os pseudo-classes são muito úteis.

Veja o exemplo a seguir:

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

É 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 {
  cor: verde;
}

Exemplo

Aplicar cor de texto vermelha aos elementos p.intro, <ul> e <ol>:

:is(p.intro, ul, ol) {
  cor: vermelha;
}

Experimente você mesmo

Sintaxe CSS

:is(lista de seletores) {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse pseudo-classe.