<!-- div:has(.foo) -->
<template>
  <div class="foo" id="root-1">
    <p class="foo">
      <span class="foo">
      </span>
    </p>
  </div>
  <div class="foo" id="root-2">
    <p class="bar">
      <span class="foo">
      </span>
    </p>
  </div>
  <div class="foo" id="root-3">
    <p class="foo">
      <span class="bar">
      </span>
    </p>
  </div>
  <div class="foo" id="root-4">
    <p class="bar">
    </p>
  </div>
</template>
