<!DOCTYPE html>
<title>@supports with nesting</title>
<link rel="author" title="Matthieu Dubet" href="mailto:m_dubet@apple.com">
<link rel="help" href="https://drafts.csswg.org/css-nesting-1/">
<link rel="match" href="supports-rule-ref.html">
<style>
  .test {
    background-color: red;
    width: 100px;
    height: 100px;
    display: grid;
  }

  @supports(not selector(> .test-1)) {
    .test-1 {
      background-color: green;
    }
  }

  .test {
    @supports (selector(> .test-2)) {
      > .test-2 {
  