1 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/selectors/nth-last-child-specificity-1.html b/testing/web-platform/tests/css/selectors/nth-last-child-specificity-1.html
new file mode 100644
index 0000000000..cc4f542fff
--- /dev/null
+++ b/testing/web-platform/tests/css/selectors/nth-last-child-specificity-1.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+<head>
+<title>:nth-last-child with selector list specificity</title>
+<link rel="help" href="https://w3c.github.io/csswg-drafts/selectors-4/#child-index">
+<link rel="match" href="nth-last-child-specificity-1-ref.html">
+<style>
+    /* The following 3 rules should all have the same specificity when matching <target>. They should be be applied in order. */
+    foo:nth-last-child(n), bar:nth-last-child(n), target:nth-last-child(n) {
+        background-color: red;
+        color: red;
+    }
+    :nth-last-child(3n of foo, bar, target) {
+        background-color: green;
+        color: blue;
+    }
+    foo.target, bar.target, target.target {
+        color: white;
+    }
+    * {
+        background-color: white;
+        color: black;
+    }
+</style>
+</head>
+<body>
+    <p>This test the specificity of :nth-last-child() with static specificity. The test passes if the text "target" is displayed white on green background. There should be 2 red rects on each side.</p>
+    <div>
+        <foo>Not target</foo>
+        <padding></padding>
+        <bar>Not target</bar>
+        <more-padding></more-padding>
+        <target class="target">Target</target>
+        <more-padding></more-padding>
+        <foo>Not target</foo>
+        <padding></padding>
+        <bar>Not target</bar>
+    </div>
+</body>
+</html>