Selectors de Namespace

Els selectors de namespace permeten diferenciar un element d'una sintaxi i el d'un altre que s'anomenin igual.

Aquest tipus de selector està documentat com a Working Draft del mòdul de selectors de CSS 3

Donat un codi:


<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="style.css" type="text/css" media="screen" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
          xmlns:svg="http://www.w3.org/2000/svg" 
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xml:lang="ca">
<head>
   <title>Sintàxi mesclada</title>
</head>
<body>
   <h1>
      <a href="home.html">Sintàxi mesclada</a>
   </h1>
   <svg:svg>
      <svg:a xlink:href="http://www.w3.org">
         <svg:ellipse cx="2.5" cy="1.5" rx="2" ry="1" />
      </svg:a>
   </svg:svg>
</body>
</html>

Per diferenciar entre l'anchor d'XHTML i l'anchor d'SVG cal declarar un selector del tipus:


@namespace ns url(http://www.example.com);
 ns|E { propietat: valor }

Al cas concret:


@namespace svg url(http://www.w3.org/2000/svg);
 svg|a { width: 10em }

La nomenclatura dels selectors típics funcionaria igual, és a dir:

*|E: Selecciona tots els elements (E) de qualsevol namespace
|E: Selecciona tots els elements (E) que no tinguin cap namespace declarat.
E: És equivalent a *|E

Menú

Comentaris