Замена иконки в блоке CSS?

Question

[Алексей]

Собственно вот кусок верстки. В каждом блоке должна быть своя иконка, сейчас у всех блоков одинаковая.
codepen.io/skazi_premiere/pen/oYxOBP
Для замены использую конструкцию

.aboutus
  .aboutus-item:nth-child(2)
      span
        background-image: url(http://kidsroom.in.ua/image/cache/catalog/1457916274_Tyres_1-50x50.png)

Где туплю не могу понять или надо отдохнуть может?
Решение:

.col-md-3:nth-child(2) .aboutus-item
    span
      background-image: url(http://wiki.ubc.ca/images/thumb/e/e4/Globe.png/50px-Globe.png)
      &:hover
        background-image: url(http://kidsroom.in.ua/image/cache/catalog/1457916274_Tyres_1-50x50.png)

Answer 1

[Дмитрий Клусевич]

Что бы работал nth-child aboutus-item должны иметь общего родителя.

Comments

[Максим]

у него одно и тоже изображения

[Дмитрий Клусевич]

Но все же, даже при разных работать не будет

[Алексей]

Секция разве не является родителем для этих элементов.

[Дмитрий Клусевич]

col-md-3 является родителям для aboutus-item , по примеру из песочницы. Нужно nth-child к ней применять. Потомок должен быть непосредственным.

[Алексей]

Дмитрий Клусевич: спс, банька в выходные не пошла на пользу.

[Алексей]

Только через aboutus-item не сработает так как он один у родителя, надо вот так:
.row .col-md-3:nth-child(2) .aboutus-item
span
background-image: url()

[Дмитрий Клусевич]

Алексей: Да