diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index 4291bf726aa..5aa73e95581 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -4420,6 +4420,18 @@
             "url": "/_mozilla/css/pseudo_element_a.html"
           }
         ],
+        "css/pseudo_element_restyle_no_rules.html": [
+          {
+            "path": "css/pseudo_element_restyle_no_rules.html",
+            "references": [
+              [
+                "/_mozilla/css/pseudo_element_restyle_no_rules_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/pseudo_element_restyle_no_rules.html"
+          }
+        ],
         "css/pseudo_inherit.html": [
           {
             "path": "css/pseudo_inherit.html",
@@ -13586,6 +13598,18 @@
           "url": "/_mozilla/css/pseudo_element_a.html"
         }
       ],
+      "css/pseudo_element_restyle_no_rules.html": [
+        {
+          "path": "css/pseudo_element_restyle_no_rules.html",
+          "references": [
+            [
+              "/_mozilla/css/pseudo_element_restyle_no_rules_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/pseudo_element_restyle_no_rules.html"
+        }
+      ],
       "css/pseudo_inherit.html": [
         {
           "path": "css/pseudo_inherit.html",
diff --git a/tests/wpt/mozilla/tests/css/pseudo_element_restyle_no_rules.html b/tests/wpt/mozilla/tests/css/pseudo_element_restyle_no_rules.html
new file mode 100644
index 00000000000..f309fab8312
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/pseudo_element_restyle_no_rules.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Pseudo-Element is restyled correctly when matching rules become empty</title>
+<link rel="match" href="pseudo_element_restyle_no_rules_ref.html">
+<style>
+  p.whatever::before { content: " hey "; }
+</style>
+<p>
+  test.
+
+<script>
+var p = document.querySelector('p');
+var toggle = function() {
+  p.className = p.className == "whatever" ? "" : "whatever";
+};
+toggle();
+// Ensure a restyle happens.
+p.offsetTop;
+toggle()
+</script>
diff --git a/tests/wpt/mozilla/tests/css/pseudo_element_restyle_no_rules_ref.html b/tests/wpt/mozilla/tests/css/pseudo_element_restyle_no_rules_ref.html
new file mode 100644
index 00000000000..f09f5d074e8
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/pseudo_element_restyle_no_rules_ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test reference.</title>
+<p>
+  test.
