diff --git a/shadow-dom/shadow-trees/custom-pseudo-elements/not_apply_css_style_to_child_selector.html b/shadow-dom/shadow-trees/custom-pseudo-elements/not_apply_css_style_to_child_selector.html
new file mode 100644
index 00000000000000..0cb589c110b517
--- /dev/null
+++ b/shadow-dom/shadow-trees/custom-pseudo-elements/not_apply_css_style_to_child_selector.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<!--
+Distributed under both the W3C Test Suite License [1] and the W3C
+3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
+policies and contribution forms [3].
+
+[1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
+[2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
+[3] http://www.w3.org/2004/10/27-testcases
+-->
+<html>
+  <head>
+    <title>Shadow DOM Test: Custom Pseudo Element must not apply child selector.</title>
+    <link rel="author" title="shingo.miyazawa" href="mailto:kumatronik@gmail.com">
+    <link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#custom-pseudo-elements">
+    <meta name="assert" content="Custom Pseudo-Elements: test valid pseudo-element">
+    <script src="/resources/testharness.js"></script>
+    <script src="/resources/testharnessreport.js"></script>
+    <script src="../../testcommon.js"></script>
+    <link rel="stylesheet" href="/resources/testharness.css">
+  </head>
+  <body>
+    <div id="log"></div>
+    <script>
+
+      function prepare(ctx) {
+        var d = newRenderedHTMLDocument(ctx);
+
+        var widget = d.createElement('div');
+        d.body.appendChild(widget);
+
+        var s = createSR(widget);
+
+        var sdiv = d.createElement('div');
+        sdiv.pseudo = 'x-test';
+        s.appendChild(sdiv);
+
+        var schild = d.createElement('span');
+        schild.innerHTML = 'This is child of a pseudo-element';
+        sdiv.appendChild(schild);
+
+        var sstyle = d.createElement('style');
+        sstyle.innerHTML = 'div::x-test { font-size: 20px; }';
+        sstyle.innerHTML += 'div::x-test > span { font-size: 30px; }';
+        d.body.appendChild(sstyle);
+
+        return window.getComputedStyle(schild, null).getPropertyValue("font-size");
+      }
+
+      test(unit(function (ctx) {
+        assert_equals(prepare(ctx), '20px', 'Pseudo-element style should be applied');
+
+      }), 'pseudo child element can not apply style.');
+
+    </script>
+  </body>
+</html>
diff --git a/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest-ref.html b/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest-ref.html
new file mode 100644
index 00000000000000..f4b8bab7602b1b
--- /dev/null
+++ b/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" >
+    <title>Shadow DOM Test Ref file - Tests nested shadow tree.</title>
+    <link rel="author" title="shingo.miyazawa" href="mailto:kumatronik@gmail.com" >
+    <script src="../../testcommon.js"></script>
+    <meta name="assert" content="nested shadow tree style is valid." >
+    <style>
+      #host {
+        width: 100px;
+        height: 100px;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The test passes if there is a green square. Test failed if there is a red square.</p>
+    <div id='host'>
+      <div id="sub" style="width: 100%;height:100%;">
+        <div style="width:100%; height:100%;background-color: green;"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html b/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html
new file mode 100644
index 00000000000000..b8249cc1af2587
--- /dev/null
+++ b/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" >
+    <title>Shadow DOM Test - Tests nested shadow tree.</title>
+    <link rel="match" href="nested_tree_reftest-ref.html" >
+    <link rel="author" title="shingo.miyazawa" href="mailto:kumatronik@gmail.com" >
+    <link rel="help" href="https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html#nested-shadow-trees" >
+    <script src="../../testcommon.js"></script>
+    <meta name="assert" content="nested shadow tree style is valid." >
+    <style>
+      #host {
+        width: 100px;
+        height: 100px;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The test passes if there is a green square. Test failed if there is a red square.</p>
+    <div id='host'>
+    </div>
+    <script>
+      var shadowRoot = createSR(document.getElementById('host'));
+      shadowRoot.innerHTML = '<div id="sub" style="width: 100%;height:100%;"></div>';
+      var nestedRoot = createSR(shadowRoot.getElementById('sub'));
+      nestedRoot.innerHTML = '<div style="width:100%; height:100%;background-color: green;"></div>';
+    </script>
+  </body>
+</html>
