Как поменять фон у нужных div через nth-of-type?

Question

[akula22]

Есть такой исх. код хтмл

<tr>
    <td class="pf_line">
        <div class="pf_separator"></div>
        <div style="height: 0pt"></div>

        <div class="pf_carkas">
            <div class="pf_team col-md-2 ">
                <div class="pf_pic_team"><img class="team-image" src="/upload/images/team/5894d6416b92b.png" alt=""
                                              style="margin-right:5px"></div>
                <span title="" data-toggle="tooltip" data-html="true" style="cursor: pointer"
                      data-original-title="<strong>robot_5KzwJ</strong><div class=&quot;pad5&quot;><img class=&quot;user-avatar-big&quot; src=&quot;/images/noavatar.png&quot; alt=&quot;&quot;></div>">FC Ufa</span>
            </div>
            <div class="pf_score col-md-2">-</div>
        </div>
    </td>
</tr>

он повтоярется менются только данные
и мне надо поменять фон в третьем

tr:nth-of-type(3) {
    background: #F6F6F6;
}

так работает но меняет фон у всей ячейки а мне надо только в диве .pf_carkas

tr div.pf_carkas:nth-of-type(3) {
    background: #F6F6F6;
}

так почему-то меняет каждую третью ячейку

Answer 1

[iBird Rose]

tr:nth-of-type(3) .pf_carkas {background: #F6F6F6;}

Comments

[akula22]

Спасибо друг!