I can't understand why the nth-of-type selector needs to be set to 2 instead of 1 for the first sibling of this type in the code.
To see the code in action, check out this jsfiddle: https://jsfiddle.net/xj5hvn16/
If anyone could kindly provide an explanation, I would greatly appreciate it.
.flowbox .utm_registrars_code:nth-of-type(2) {
background-color: red;
}<div class="flowbox freebox">
<div class="pholdcard18"></div>
<div class="flowcard14 utm_registrars_code">
<div class="content">
Content 1
</div>
</div>
<div class="flowcard14 utm_registrars_code">
<div class="content">
Content 2
</div>
</div>
<div class="flowcard14 utm_registrars_code">
<div class="content">
Content 3
</div>
</div>
</div>