Since it's not done via CSS here, I suggest not copying the existing approach directly but recreating the same effect using CSS only.
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;
}
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/S...