This is one way to do this (the other way is v2)! You need some brief knowledge of links before attempting this (like how to change the font color, background color, border color, and stuff like that). I suggest you check out >> this (click here) << tutorial to learn about links.
Stylesheet: add color Tutorial**I give you the coding at the end of this tutorial!**
Here is a sneak peek of one of mine so that you see like an overview of what you're doing.
You'll need this for a reference in this tutorial.
Here is the links I created with it (also for reference)
1. Okay, see my top section of my coding?
This is gonna be like the general look of your coding. Notice my background-color, border, and border top are NOT in this section but instead in the nth-child sections? That's because those are the things I am changing so they NEED to be in the nth-child. (Same goes for the a.elite:hover section)
See how there's (4n+1) and (4n+2) and +3 and +4? Well 4n+1 is gonna be the section for your FIRST color scheme. 2 is gonna be the section for your SECOND color scheme, and so on!
See how there's (4n+1) :hover (and so on) this is where you're gonna put the coding you want for the HOVER of each color.
And here's the coding! (yes it's empty because you need to fill it in yourself!)
Change the "elite" part to what ever you're using it for.
And here's what the link looks like
It will automatically put the colors in on its own!