mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision 4a5223502fa660ce03e470af6a61c8bc26c5a8ee
This commit is contained in:
parent
c5f7c9ccf3
commit
e891345f26
1328 changed files with 36632 additions and 20588 deletions
|
@ -0,0 +1,29 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test: :host doesn't match nested shadow hosts.</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">
|
||||
<link rel="match" href="reference/green-box.html">
|
||||
<style>
|
||||
#host {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if you see a single 100px by 100px green box below.</p>
|
||||
<div id="host">FAIL</div>
|
||||
<script>
|
||||
let root = host.attachShadow({ mode: "open" });
|
||||
root.innerHTML = `
|
||||
<style>
|
||||
div {
|
||||
background: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
:host { background: red !important }
|
||||
div:host { background: red !important }
|
||||
</style>
|
||||
<div id="nested-host">FAIL - nested shadow host</div>
|
||||
`;
|
||||
root.getElementById("nested-host").attachShadow({ mode: "open" });
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue