Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
            
- /css/css-cascade/scope-implicit-006-print.html - WPT Dashboard Interop Dashboard
 
 
<!DOCTYPE html>
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="help" href="drafts.csswg.org/css-cascade-6/#scoped-styles">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<div>
<style id="os">
  @scope {
    .a {
      width: 100px;
      height: 100px;
      background: green;
    }
  }
</style>
<p>Test passes if there is a filled green square.</p>
<div class="a"></div>
<div>
  <template shadowrootmode=open>
    <style id="is">
      @scope {
        .a {
          width: 100px;
          height: 100px;
          background: red;
        }
      }
    </style>
  </template>
</div>
</div>