@akula22

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

Есть такой исх. код хтмл
<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;
}

так почему-то меняет каждую третью ячейку
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
tr:nth-of-type(3) .pf_carkas {background: #F6F6F6;}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы