Как убрать margin-bottom при наличии соседа

[7ion]

Здравствуйте.

Такая проблема - не понимаю, как сверстать такой макет:

<div class="parent">  <div class="first">Lorem ipsum blah blah blah</div>  <div class="second">Something</div></div><div class="parent">  <div class="first">Lorem ipsum blah blah blah</div></div>

Задача: при наличии .second у .first должен исчезать margin-bottom.

.second может не быть, при его отсутствии first должен корректно распирать родителя.

 

Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/

 

Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?

Edited February 21, 2016 by 7ion

[VeniVidiVici]

Как-то так https://jsfiddle.net/ntanwrks/6/

[7ion]

  On 2/21/2016 at 7:39 AM, VeniVidiVici said:

Как-то так https://jsfiddle.net/ntanwrks/6/

Спасибо!