CSS для выбора ближайшего потомка?

Есть ли способ с помощью CSS выбрать ближайшего потомка элемента, который соответствует определенный селектор?

<div class="foo"> <!-- if we're inside this -->
  <div>
    <br />
    <div class="bar"> <!-- match this -->
      <div class="bar"> <!-- but not this -->
        <div class="bar"> <!-- or this -->
        </div>
      </div>
    </div>
    <div class="bar"> <!-- I don't really care whether we match this -->
    </div>
  </div>
</div>

То есть что-то, что выберет первый .barв любом .foo(независимо от того, сколько дочерних или одноуровневых элементов находится между ними), но не второй или третий .бар.