      background-color: green;
      }
    }
  }

  .test-3 {
    @supports (selector(&)) {
      & {
        background-color: green;
      }
    }
  }

  @supports(selector(&)) {
    .test-4 {
      background-color: green;
    }
  }

  body * + * {
    margin-top: 8px;
  }
</style>
<body>
  <p>Tests pass if <strong>block is green</strong></p>
  <div class="test test-1"></div>
  <div class="test"><div class="test-2"></div></div>
  <div class="test test-3"></div>
  <div class="test test-4"></div>
</body>
