Support highlighting of separate parts of the selector

2020-09-13 22:01:57 +03:00
parent 043ae65c7c
commit f500bcf685
2 changed files with 72 additions and 25 deletions
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -83,9 +83,13 @@ pre{
 .target{ display: flex; justify-content: space-between }

 .comment{ color: rgb(50,180,20) }
-.selector{ color: violet }  
+.selector{ color: violet }
+.pseudo{ color: silver }
+.id{ color: lightcoral }
+.class{ color: lightgreen }
+.attribute{ color: cyan }  
 .atrule{ color: royalblue }
-.atvalue{ color: greenyellow }
+.atvalue{ color: lightblue }
 .property{ color: orange }
 .value{ color: skyblue }
 .curly{ color: orangered }