title: Why document.querySelector fails to find class name in Javascript
body: <p>Just getting started with <code>document.querySelector</code> in JavaScript. Why would
  <code>let result = document.querySelector('Lh')</code> return a null. I have tried many permutations with a div as part of the search string but there must be something different about it in a div? Wildcard suggestions...</p>
  <pre><code>let result1 = document.querySelector('[class^=&quot;Lh(21px)&quot;]')
  let result2 = document.querySelector('[class^=&quot;.Lh(21px)&quot;]')
  let result3 = document.querySelector('[class^=&quot;Lh&quot;]')
  let result4 = document.querySelector('[class^=&quot;.Lh&quot;]')
  </code></pre>
  <p>All return nulls.</p>
  <pre><code>&lt;div class=&quot;&quot; data-test=&quot;quote-mdl&quot; data-yaft-module=&quot;tdv2-applet-summary&quot;&gt;
      &lt;div class=&quot;Mb(25px) smartphone_Px(20px)&quot;&gt;
          &lt;h3 class=&quot;Mb(5px)&quot;&gt;&lt;span&gt;Summary&lt;/span&gt;&lt;/h3&gt;
          &lt;div class=&quot;Lh(21px)&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              Sed et magna magna. Praesent in condimentum quam. Phasellus dui ligula,
              tincidunt porta fermentum nec. rhoncus id enim. Duis tempor, tellus at
              fermentum consectetur, nisl ipsum placerat metus, sed aliquam turpis enim eget erat.
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>