title: Parsing nested elements with beautifulsoup
body: <p>example taken from : <a href="https://www.quebec.ca/en/health/health-issues/a-z/2019-coronavirus/situation-coronavirus-in-quebec/#c70322" rel="nofollow noreferrer">https://www.quebec.ca/en/health/health-issues/a-z/2019-coronavirus/situation-coronavirus-in-quebec/#c70322</a></p>
  <p>I want to find/select <code>table</code> below:</p>
  <p><a href="https://i.stack.imgur.com/JCJf1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JCJf1.png" alt="enter image description here" /></a>
  <a href="https://i.stack.imgur.com/PezY4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PezY4.png" alt="enter image description here" /></a></p>
  <p>This <code>table</code> in question is inside</p>
  <pre><code>&lt;div id=&quot;c63027&quot; ...&gt; 
    &lt;a ..&gt;
    &lt;div ...&gt;
      &lt;table ...&gt; &lt;-- this one I want
      ...
        
  </code></pre>
  <p>I'm trying to find/select with the code below but no success:</p>
  <pre><code>target_div = soup.find('div', attrs = {'id': 'c63027'})
  
  inner_div = target_div.find('div', attrs = {'id': 'csv-display-cas-par-region' })
  
  target_table = inner_div.find('table') &lt;--- returns None
  </code></pre>
  <p>Question : How can I find/select the <code>table</code> I want?</p>