-color: currentcolor;
  }
  .target::highlight(foo) {
    color: currentcolor;
    background-color: currentcolor;
  }
</style>
<div id="target1" class="target"></div>
<div class="wrapper">
  <span id="target2" class="target"></span>
</div>
<script>
  for (const pseudo of ["::selection", "::target-text", "::search-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
    for (const target of [target1, target2]) {
      test(() => {
        let style = getComputedStyle(target, pseudo);
       