JSFiddle - React, Tailwind, and code Playground

HTML

<p>A
  <p>B
    <p>C</p>
  </p>
</p>
<pre id="out"></pre>

CSS

p {
  border: solid 1px red;
  margin: 1em;
}

JavaScript

out.textContent = document.querySelectorAll('p').length