XML Definition im CSS ansprechen

[Thomas Meinike]

Hallo,

Das Symbol habe ich definiert: <symbol id="restaurant" overflow="visible"  transform="translate(-16,-17.5)">
etc.

Wie spreche ich das nun im CSS an? Ein 'fill' kann ich ja nicht nehmen, weil ich ja ein Symbol habe. Aber was dann?

Verwende eine Gruppe (g-Element), welche den eigentlichen Symbolinhalt kapselt:

<symbol id="bla" ...>
  <g fill="...">
    <!-- Symbolinhalt als Kindelemente der Gruppe -->
  </g>
</symbol>

Wenn fill im CSS definiert werden soll, dann z. B. so:

symbol#bla > g
{
  fill: ...;
}

Eine Alternative waere die Zuweisung der Fuellfarbe beim Aufruf der Symbolreferenz mit use:

<use x="..." y="..." xlink:href="#bla" fill="..."/>

MfG, Thomas