Regla @namespace de CSS

Definición y uso

CSS @namespace las reglas se utilizan para definir un espacio de nombres XML que se va a usar en la hoja de estilo.

@namespace las reglas deben estar ubicadas antes de todas las @charset y @import después de la regla y antes de todas las otras reglas at en la hoja de estilo (con @ antes de la regla de inicio y la declaración de estilo.

Ejemplo

Definir dos espacios de nombres XML en la hoja de estilo:

@namespace url(http://www.w3.org/1999/xhtml); /* Espacio de nombres predeterminado */
@namespace svg url(http://www.w3.org/2000/svg); /* Espacio de nombres con prefijo */
/* Coincide con todos los elementos <a> en XHTML (porque XHTML es el espacio de nombres predeterminado) */
a {
  color: salmon;
  text-decoration: none;
  font-weight: bold;
}
/* Coincide con todos los elementos <a> en SVG */
svg|a {
  fill: maroon;
  text-decoration: underline;
}
/* Coincide con el elemento <a> en XHTML y SVG */
*|a {
  text-transform: uppercase;
}

Prueba por ti mismo

Sintaxis de CSS

@namspace prefix url(xmlNamspaceURL);

Valor del atributo

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente la regla @.