title: Is there anyway to specify filters for an xlink:href in svg?
body: <p>Is there anyway to specify filters for an xlink:href in an svg?  For example, I only want to reference 's from a specific parent/svg.  If I have multiple svgs on that page, and both happen to contain an element with the same id, it seems that the xlink:href will always reference the first instance, regardless of which svg the xlink:href is.</p>
  
  <p>For example,
  
  ...</p>
  
  <pre><code>&lt;html&gt;
   &lt;div id="div1"&gt;
       &lt;!-- first svg --&gt;
       &lt;svg xmlns="http://www.w3.org/2000/svg"&gt;
  
       &lt;symbol id="car" viewBox="214.7 0 182.6 792"&gt;
           &lt;circle.../&gt;    
       &lt;/symbol&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div id="div2"&gt;
     &lt;!-- second svg --&gt;
     &lt;svg xmlns="http://www.w3.org/2000/svg"&gt;
  
         &lt;symbol id="car" viewBox="214.7 0 182.6 792"&gt;
             &lt;rect.../&gt;    
         &lt;/symbol&gt;
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;!-- This will show as a circle, instead of a rectangle --&gt;
  
      &lt;use xlink:href="#car" .../&gt;
      &lt;/svg&gt;
   &lt;/html&gt;` 
  </code></pre>
  
  <p>Ideally, I would like to be able to use the unique div id's as reference.  For example,</p>
  
  <pre><code>&lt;use xlink:href="#div2 #car" .../&gt;
  </code></pre>