title: Apply z-index to SVG path
body: <p>Is there a way how to apply z-index on a SVG path?</p>
  
  <p>I have simple SVG arrow:</p>
  
  <pre><code>&lt;svg class="arrow"&gt;
    &lt;path class="line" /&gt;
    &lt;path class="endpoint"/&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>If I use css to chnge z-index of the whole <code>.arrow</code> everything works fine, but when I try to apply it only on <code>.endpoint</code> it doesn't work.</p>
  
  <p>Is there some solution or workaround for this?</p>
  
  <p>Thank you very much.</p>