Scope ::highlight to <pre>

To reduce clutter in DevTools styles pane

diff --git a/index.html b/index.html
index 1af9df83ce5ef2327bd022c38c15cdba72a5e315..8375734ecce921443f236ddd2acd804b789af491 100644 (file)
--- a/index.html
+++ b/index.html
@@ -192,7 +192,7 @@
         highlightStyle.textContent = '';
         highlights.forEach((highlight, i) => {
           CSS.highlights.set(`c${i}`, new Highlight(...highlight));
-          highlightStyle.textContent += `::highlight(c${i}){color:hsl(${i * 36}deg 50% 50%)}`;
+          highlightStyle.textContent += `pre::highlight(c${i}){color:hsl(${i * 36}deg 50% 50%)}`;
         });
       }
     });