Regra @namespace do CSS

Definição e uso

CSS @namespace as regras são usadas para definir um espaço de nomes XML a ser usado na tabela de estilo.

@namespace as regras devem estar todas @charset e @import depois das regras e antes de todas as outras regras at-rules (com @ antes do bloco de regras de início e da declaração de estilo.

Exemplo

Defina dois espaços de nomes XML em uma tabela de estilo:

@namespace url(http://www.w3.org/1999/xhtml); /* Espaço de nomes padrão */
@namespace svg url(http://www.w3.org/2000/svg); /* Espaço de nomes com prefixo */
/* Corresponde a todos os elementos <a> no XHTML (porque o XHTML é o espaço de nomes padrão) */
a {
  color: salmon;
  text-decoration: none;
  font-weight: bold;
}
/* Corresponde a todos os elementos <a> no SVG */
svg|a {
  fill: maroon;
  text-decoration: underline;
}
/* Corresponde ao elemento <a> em XHTML e SVG */
*|a {
  text-transform: uppercase;
}

Experimente você mesmo

Sintaxe do CSS

@namspace prefix url(xmlNamspaceURL;

Valor do atributo

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente o @regra.