<!-- .foo > .bar -->
<template>
  <div class="bar">
    <div class="foo">
      <div class="foo 2">
        <div class="bar 2"></div>
      </div>
      <div class="bar 3">
        <div class="bar 4"></div>
      </div>
      <div class="bar" exact></div>
    </div>
  </div>
</template>
