title: CSS selecting chart in svg tag
body: <p>I have the following html structure </p>
  
  <pre><code>   &lt;div class="_container"&gt;
        &lt;div id="chart-3" class="chart with-3d-shadow with-transitions"&gt;
            &lt;svg class=".svg"&gt;
                &lt;text class="nvd3 nv-noData" &gt;No Data Available.&lt;/text&gt;
        &lt;/svg&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>I've tried checking if the "nv-noData exists" using the following but can't seem to get it to work:</p>
  
  <pre><code>        if ($('._container &gt; .chart &gt; .svg &gt; .nv-noData').length &gt; 0) { 
              alert("No Data!");  
          }
  </code></pre>
  
  <p>However, the following does throw an alert:</p>
  
  <pre><code>        if ($('._container &gt; .chart &gt; .svg &gt; nv-noData').length &gt; 0) { 
              alert("No Data!");  
          }
  </code></pre>
  
  <p>Being new to CSS, an explanation of why would be helpful to.</p>
  
  <p>Also, if I removed the <code>class = ".svg"</code>, how would the CSS change?</p>