wpt / css / css-cascade / layer-stylesheet-sharing-important.html

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

/css/css-cascade/layer-stylesheet-sharing-important.html

<!doctype html>
<title>Test important style in anonymous layers with stylesheet sharing</title>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layering">
<link rel="author" href="mailto:xiaochengh@chromium.org">
<link rel="match" href="layer-stylesheet-sharing-ref.html">
<style>
  target {
    display: block;
    width: 100px;
    height: 100px;
  }
</style>
<link rel=stylesheet href="data:text/css,@layer{target{background-color:green !important}}">
<style>
@layer A { target { background-color: red !important} }
</style>
<link rel=stylesheet href="data:text/css,@layer{target{background-color:green !important}}">
<target></target>

/css/css-cascade/layer-stylesheet-sharing-ref.html

<!doctype html>
<style>
  target {
    display: block;
    width: 100px;
    height: 100px;
    background-color: green;
  }
</style>
<target></target>