Как на css убрать border при отсутствии одного из блоков?

Question

[Cheizer]

Есть блок контейнер, в котором есть еще два блока, первый блок, чтобы отделить свой контент от второго, имеет такой стиль:

.wrapper span:first-child {
    border-right: 1px #e4e4e4 solid;
}

Но если нет контента у второго блока, он исчезает, и остается один блок, и вот задача, как убрать у него border?
Вот скрин, у центрального контейнера нет второго блока, и бордер остается. Как его убрать на CSS?



Вот поднял https://codepen.io/Cheizer/pen/PaNXXR

Answer 1

[Александр Лысенко]

.flex-container span:nth-child(even){
  border-left:1px #cc0000 solid;
}

Comments

[Cheizer]

БЛАГОДАРЮ!! При 2 внутренних блоках решение подходит!! Не знал про четные четные элементы списка даже что можно выбрать. :)

Answer 2

[Антон Спирин]

решение которое подойдет для любого количества блоков:

.flex-container span + span {
  border-left:1px #cc0000 solid;
}

Comments

[Cheizer]

БЛАГОДАРЮ! Тоже огонь! И решает проблему с количеством блоков вложенных :)