XML Definition im CSS ansprechen

[Andrea]

Hallo

Ich habe eine XML-Definition für ein Symbol und möchte dieses nun im CSS-Teil ansprechen, weiss aber nicht wie.
Für Flächenfüllung habe ich ein Pattern so definiert:
<pattern id="hatch1" width="1000" height="1000" patternUnits="userSpaceOnUse"> etc.
und spreche das dann so an:
.SCHRAFFUR2 {fill:url(#hatch2);fill-opacity:0.9; etc.

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?

Kann mir da bitte jemand helfen.

Dank&Gruss
Andrea

[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