wpt / css / selectors / not-links.html

Status: PASS | Duration: 10ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/selectors/not-links.html

<!DOCTYPE html>
<title>Test that *:not(:link):not(:visited) does not match links</title>
<link rel="match" href="not-links-ref.html">
<link rel="help" href="https://drafts.csswg.org/selectors-4/#negation">
<style>
  * {
    /* Browsers typically ignore the :visited alpha and use the unvisited
       alpha instead, which by default is 0, in which case a failure would
       not be detected. */
    background-color: white;
  }
  div *:not(:link):not(:visited) {
    background-color: green;
  }
</style>
<body>
  <div>
    <a href="#">Unvisited (<span>Green</span>)</a>
    <a href="#">Visited (<span>Green</span>)</a>
    <span>Green</span>
  </div>
  <p>
    Only "Green" should have green backgrounds.
  </p>
</body>

/css/selectors/not-links-ref.html

<!DOCTYPE html>
<title>Test that *:not(:link):not(:visited) does not match links</title>
<style>
  span {
    background-color: green;
  }
</style>
<body>
  <div>
    <a href="#">Unvisited (<span>Green</span>)</a>
    <a href="#">Visited (<span>Green</span>)</a>
    <span>Green</span>
  </div>
  <p>
    Only "Green" should have green backgrounds.
  </p>
</body>