Trying to target the initial blockquote in an email body with varying formats, such as:
<div class="myclass">
<br><p></p>
<div><div> <!--sometimes with less or more div-->
<blockquote> <!--the specific blockquote I am aiming to select-->
<div> <div> <br>
<blockquote>
<etc...>
</blockquote>
</div> </div>
</blockquote>
</div></div>
</div>
The challenge lies in the fact that there can be variations in formatting and multiple div elements before the first blockquote,
so using:
.myclass > div > div > blockquote {}
may not always produce the desired outcome.
Instead of this approach, utilizing:
.myclass blockquote:first-of-type {}
will capture all blockquotes within the content.
To address this issue, the goal is to exclusively select the FIRST blockquote regardless of its placement within the HTML structure.