Earlier quoted context omitted.
Wouldn't that also require a hundred same sized differently colored buttons, just like this site?
Not necessarily. What if the un-visited box was set to display:none? That would leave you with just the visited boxes showing. Now make it even less obvious: create a false box with the proper :visited color. That's your bottom layer, your fallthrough if the user hasn't visited any of them. Now position all of the :visited boxes as exactly the same size and position over that bottom layer. Now, when the user clicks t…
Then it would remain 'none' for the visited box too. Messing with 'display' is disabled in 'visited' to prevent this class of workarounds.