I can't seem to find a specific question that matches mine exactly, but I need assistance in extracting an element from the DOM using CSS to apply a style to it. The block structure is similar to this:
<div class="parent-block">
<div class="child accomplished">
</div>
</div>
<div class="parent-block">
<div class="child accomplished">
</div>
</div>
<div class="parent-block">
<div class="child null">
</div>
</div>
<div class="parent-block">
<div class="child null">
</div>
</div>
</div>
My goal is to target the last child with the class "accomplished." Using nth-child won't work for me because the blocks are dynamic and there could be multiple parent blocks with the "accomplished" class.