| Index: LayoutTests/fast/dom/shadow/styling-pseudo-attribute-in-shadow.html
|
| diff --git a/LayoutTests/fast/dom/shadow/styling-pseudo-attribute-in-shadow.html b/LayoutTests/fast/dom/shadow/styling-pseudo-attribute-in-shadow.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e9cfbb7cc0c61ec02e241858cfb0f907a3bb38be
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/dom/shadow/styling-pseudo-attribute-in-shadow.html
|
| @@ -0,0 +1,28 @@
|
| +<!doctype html>
|
| +<html>
|
| +<head>
|
| +<style>
|
| +#host::x-foo {
|
| + border: 1px solid red;
|
| +}
|
| +
|
| +#host-in-shadow::x-foo {
|
| + border: 1px solid navy;
|
| +}
|
| +</style>
|
| +</head>
|
| +<div id="host1"></div>
|
| +
|
| +<script>
|
| +var outerShadowRoot = host1.createShadowRoot();
|
| +outerShadowRoot.innerHTML = '<style>#host-in-shadow::x-foo { border: 1px solid green; } #host-in-shadow::x-foo::x-foobar { border: 2px solid lightgreen; }</style><div id="host-in-shadow"></div>';
|
| +
|
| +var innerShadowRoot = outerShadowRoot.getElementById('host-in-shadow').createShadowRoot();
|
| +innerShadowRoot.innerHTML = '<div pseudo="x-foo" id="host-in-inner-shadow">foo</div>';
|
| +
|
| +var innerMostShadowRoot = innerShadowRoot.getElementById('host-in-inner-shadow').createShadowRoot();
|
| +innerMostShadowRoot.innerHTML = '<div pseudo="x-foobar">foobar</div>';
|
| +
|
| +</script>
|
| +
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 187573002:
Revert "Reverting custom pseudo element". (Closed)
Base URL: svn://svn.chromium.org/blink/trunk