Как у последнего блока который видно убирать бордер, подгрузка еще блоков, бордер в скрытом последнем блоке убрался, а не у видимого блока, как быть?

Question

[Антон Вебсайтовский]

Всем привет.
Вообщем есть блок, к ним я подключил подгрузить еще, 8 блоков видно, а остальные скрытые и при клике их показывает, так вот между блоками я сделал разделитель, border-bottom: 1px solid #eceff1;
В последнем блоке я убираю бордер, но есть нюанс, он убирается в последнем скрытом, а не в видимом блоке, как с этим быть?

.unn>div {
  border-bottom: 1px solid #eceff1;
}
.unn>div:last-child {
  border-bottom: none;
}

Рабочий пример тут:
jsfiddle.net/vlit/m72w5uob/227

Скрин

Comments

[ProjectSoft]

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

А почему это "нюанс"? Всё правильно. Правило применяется к :last-child, как и написано в ваших правилах.

[Ankhena]

Очевидно, рисовать верхний всем кроме первого, а не нижний всем кроме последнего

[Антон Вебсайтовский]

Ankhena, да я об этом подумал уже. в моем случае можно так сделать.

[Антон Вебсайтовский]

Ankhena, Решил не париться, так и сделал )