Selector de espacio de nombres CSS3
Última actualización el Martes, 25 de Mayo de 2010 17:41 Escrito por Susanna
¿Se acuerdan del selector de tipo en CSS 2.1?
Representa un tipo de elemento en un documento. Solíamos usarlo para aplicar reglas de estilo como por ejemplo:
h1{ font-size:0.75em } /* aplica a todos los h1 */
¿Qué hay de nuevo en CSS 3?
En CSS 3 se permite especificar adicionalmente junto con este selector un espacio de nombres. Para ello es preciso declarlo previamente mediante la directiva @namespace y utilizar el operador "pipe" para separar el prefijo del espacio de nombres del selector de tipo.
@namespace skl url("http://www.susannakosic.net/tests/CSS3/selectores-namespace/"); /*declara el espacio de nombres con prefijo skl*/
skl | h1 { font-size:0.75em } /* aplica a todos los h1 del espacio de nombres skl */
¿Quieres ver cómo?
Te lo explico con este ejemplo (fíjate en la extensión, es un XML).
¿Para qué?
Para asignar reglas de estilo a documentos XML o SVG, por ejemplo. Es posible transformar los nodos de un documento en elementos visuales a los cuales son aplicables todo tipo de reglas CSS válidas.