Pseudo-classe :defined CSS

Definição e uso

CSS :defined A pseudo-classe é usada para combinar qualquer elemento definido.

Esta pseudo-classe pode ser usada para elementos padrão e elementos customizados que foram definidos com sucesso.

Exemplo

Uso :defined Pseudo-classe:

custom-element:not(:defined) {
  border-color: grey;
  color: grey;
}
custom-element:defined {
  background-color: salmon;
  border-color: maroon;
  color: black;
}
/* Exibir mensagem de carregamento */
custom-element:not(:defined)::before {
  content: "Carregando...";
  position: absolute;
  inset: 0 0 0 0;
  align-content: center;
  text-align: center;
  font-size: 25px;
  background-color: white;
}
/* Remover mensagem de carregamento */
custom-element:defined::before {
  content: "";
}

Experimente você mesmo

Sintaxe CSS

:defined {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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