So I am having issues with an SVG map I am making where a group of paths isn't filling when correct or incorrect, even though they have a common colour. This group is like the mountains in
this quiz, and I am copying the exact styles etc., yet they still don't fill.
I would appreciate some assistance, thanks!
This happens because, as is standard in CSS, attributes defined directly on an object take precedence over attributes defined by classes. The way this could be fixed if you are defining your own colours for svg-correct is to use the !important exemplifier on the fill tag to make it override the attributes. Note that this can have unintended effects, and should be used sparingly.
I have both group and child path fills so that is probably the cause. I will attempt to fix it when I can.
I have found a slightly more complex yet still manageable alternative.