Как выбрать предыдущий селектор?

Делаю древовидную сворачиваемую структуру.
Имеется такой html

<div class="tree-line">
  <div class="imgtree last"></div>
  <div class="name">cardiovascular agents</div>
  <div class="children">
    <div class="tree-line">
      <div class="imgtree parent none"></div>
      <div class="imgtree last"></div>
      <div class="name">Calcium channel blocking agents</div>
    </div>
  </div>
</div>

Можно как нибудь задать стиль для name если после него стоит children
знаю такой код

.tree-line .name + .children
{
    color:blue;
    cursor:pointer;
}

задаст цвет для children стоящего после name
а можно было бы как нибудь

.tree-line .name 
{
    color:blue;
    cursor:pointer;
} + .children

P.s. элемент children существует только в том случае если есть дочерние элементы