title: How to add an image to xml sheet using css
body: <p>How would I add a small triangle image located locally on my machine at that location to the beginning of the table line?</p>
  
  <p>Heres my CSS</p>
  
  <pre><code>stock:nth-child(1){
      display:table-row;
      content: url('..\stock\down.gif');
      color:red;
  }
  </code></pre>
  
  <p>And the corresponding XML</p>
  
  <pre><code>  &lt;stock class="down"&gt;
       &lt;symbol&gt;AAPL&lt;/symbol&gt;
       &lt;company&gt;Apple Computer, Inc.&lt;/company&gt;
       &lt;lastSale&gt;$15.26&lt;/lastSale&gt;
       &lt;netChange&gt;-0.17&lt;/netChange&gt;
       &lt;pChange&gt;-1.10%&lt;/pChange&gt;
       &lt;volume&gt;5.548&lt;/volume&gt;
    &lt;/stock&gt;
  </code></pre>
  
  <p>Here is a much much better way to write the css</p>
  
  <pre><code>stock[class~=down]{
      border-bottom: 2px solid black;
      display:block;
      background: url("down.gif") no-repeat;
      color:red;
  </code></pre>
  
  <p>}</p>