title: Query Selector for Specific Text Within a TD
body: <p>A <code>&lt;td&gt;</code> contains the following content:</p>
  <blockquote>
  <p>Candidate Key: ABCDEFG</p>
  <p>someemail@gmail.com</p>
  <p>1237567541</p>
  </blockquote>
  <p>And its querySelector is:</p>
  <pre><code>document.querySelector('#content &gt; table &gt; tbody &gt; tr:nth-child(1) &gt; td:nth-child(1) &gt; table &gt; tbody &gt; tr:nth-child(2) &gt; td:nth-child(1) &gt; table &gt; tbody &gt; tr &gt; td:nth-child(2)')
  </code></pre>
  <p>The querySelector returns:</p>
  <pre><code>&lt;td width=&quot;150&quot;&gt;
                  Candidate Key: ABCDEFG
                  &lt;br&gt;someemail@gmail.com
                  &lt;br&gt;1237567541          
  &lt;/td&gt;
  </code></pre>
  <p>I need to extract just the email address. I could accomplish this with JavaScript using a substring from the first <code>&lt;br&gt;</code> to the second <code>&lt;br&gt;</code>. But for my particular use case, I have to be able to accomplish it within the querySelector only. Is there any way to do that? Something like adding <code>br(0).innerText</code>?</p>