Grey Red Grey Red ... It helps me same as a table with different row/column colors. Because when I need to callback information, I can remember, hey this was red! Next clue is I need to find a red label and a greyed out text. I wished there were more clues, but this is the best I know at the moment.
Could you please support me and possibly others? I got Autism.
To figure out where styles come from, open Developer Tools in your browser and Inspect Element. You shoud see the HTML DOM element highlighted and its styles and where they come from on the right.
In this case the alternating font colors aren't from CSS at all.
If you look in the DOM tree / source like I proposed, you see that the list is already a table, so you can use that exact approach you already mentioned.
table tr:nth-child(odd) td.rank{
color: red;
}
table tr:nth-child(even) td.rank{
color: green;
}