title: Web scraping - h1 - font access issues
body: <p>I am new to webscraping and have some issues access the HTML and CSS code.</p>
  <p>I want to scrape the below website for the title:
  <a href="https://www.leaseplan.com/nl-nl/privatelease/onze-autos/4662/" rel="nofollow noreferrer">https://www.leaseplan.com/nl-nl/privatelease/onze-autos/4662/</a></p>
  <p>Upon clicking on inspect, I found</p>
  <pre><code>&lt;h1 class=&quot;u-margin-bottom-none u-margin-bottom@tablet&quot; data-e2e-id=&quot;carName&quot;&gt;&lt;font style=&quot;vertical-align: inherit;&quot;&gt;&lt;font style=&quot;vertical-align: inherit;&quot;&gt;Fiat 500 - Lounge Hybrid &lt;/font&gt;&lt;/font&gt;&lt;/h1&gt;
  </code></pre>
  <p>I want to take out: Fiat 500 - Lounge Hybrid and put that into an excel file.</p>
  <p>I used:</p>
  <pre><code>async function getPageData(url, page) {
    await page.goto(url);
  
    const title = await page.$eval(
      &quot;h1, id=carName&quot;,              
      (title) =&gt; title.textContent
    );
  </code></pre>
  <p>However, I keep getting error:</p>
  <pre><code>(node:6216) UnhandledPromiseRejectionWarning: Error: Evaluation failed: DOMException: Failed to execute 'querySelector' on 'Document': 'h1[class=u-margin-bottom-none u-margin-bottom@tablet] .carName' is not a valid selector.
      at __puppeteer_evaluation_script__:1:33
  </code></pre>
  <p>It has to do with     &quot;h1, id=carName&quot;,  but I'm not sure how to write it in a way my scaper would recognize and take out Fiat 500 - Lounge Hybrid</p>