suppose
<body>
<div class="common-parent">
<div class="level-1">
<p>text</p>
</div>
<div class="level-1">
<div class-"level-2">
<p>more text</p>
</div>
</div>
<div class="level-1">
<div class="level-2">
<div class="level-3">
<p>even more text</p>
</div>
</div>
</div>
</div>
</body>
Considering this, the p element with “text” and “more text” would be selected. But the p element “even more text” would not be because it is nested further than 3 levels.
You can refer to the code below: