I have encountered some outdated legacy blog code and am currently attempting to isolate the first div element with the attribute of "text-align: left". Below is a simplified example of the code snippet I am dealing with:
<div class="et_pb_module et_pb_post_content et_pb_post_content_0_tb_body">
<div style="clear: both; text-align: center;"><img src="image.jpg"></div>
<div style="text-align: center;"><i>There is always a glimmer in those</i></div>
<div style="text-align: center;"><i>who have been through the dark.</i></div>
<div style="text-align: center;"><i> </i></div>
<div style="text-align: center;">Atticus</div>
<div></div>
<div></div>
<div></div>
<div style="text-align: left;">TARGET ME PLEASE</div>
<div style="text-align: left;">More text in another "paragraph"</div>
...
</div>
Although I believe this selector should do the trick, it unfortunately does not produce the desired result:
.et_pb_post_content div[style="text-align: left;"]:nth-child(1) {
clear:both;
}
I'm puzzled as to why this doesn't seem to be working. Any assistance would be greatly appreciated. Thank you!