title: querySelector syntax for nested elements
body: <p>I'm trying to get the div element that's nested deep within another div, but can't get the CSS Selector string to work. </p>
  
  <p>The div I want does not have a unique identifier, but resides deep within another div that has. I've gotten that top level div, but have no clue how to get the nested one. </p>
  
  <p>DOM:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var obj = document.body.querySelector('.qvobject[data-qlikobjectid="XFvnjF"]');
  console.log(obj);
  
  var cont = obj.querySelector('.kpi-value');
  console.log(cont);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="qvobject" data-qlikobjectid="XFvnjF"&gt;
    &lt;div&gt;
      &lt;div&gt;
        &lt;div class="kpi-value"&gt;I WANT THIS&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The result is that "obj" is the right object, but "cont" is null, so it can't find it. </p>