These are tags that you can also write in the quiz description and will have an effect on the .svg; it can be quite convenient so that you don't need to change the full .svg file every time you want to update something.
Here are the ones I used most recently and their effect:
A) .svg-holder #af.svg-correct { fill: #FF5E00 !important};
Afghanistan will turn white when guessed (as its id in the world map is "af)
B) .pre-quiz #grid { display: none } .pre-quiz #top-map { display: none }
The answers grid and the map will not appear until you click the 'Start' button
C) .random-svg-highlight.ring { fill-opacity: 1!important;}
For random quiz types: the ring of quiz answers will be totally opaque
Please share other ones you have, no matter what your 'ability' with .svg files is!
-
I'm not particularly good at svg, so I say thank you for revealing the trick.