title: Use an image name held inside an element - XML/CSS
body: <p>I am making a CSS file for an XML document. I need to insert an image - the filename of which is contained inside an element.</p>
  
  <p>This is part of the xml code I am referring to:</p>
  
  <pre><code>&lt;description&gt;
     &lt;text&gt; Club Praia is divided and linked by a foot bridge over the main street which runs 
     through the heart of Praia Da Rocha.&lt;/text&gt;
     &lt;image&gt;pria.jpg&lt;/image&gt;
  &lt;/description&gt;
  </code></pre>
  
  <p>Ordinarily, I would use text:after{ content: url(filename.jpg) }, which would work if it was the same one image being used each time. Instead, I need to insert the specific image name (in this one example pria.jpg) held inside the image element tags, into the generated content code.</p>
  
  <p>Is there a way I can do this? (Hope my explanation made sense!!)</p>