Is there a way to apply three different colors to my list items? What is the best method for achieving this?
This is what I have in my code:
li {
width: 33.333%;
float: left;
padding: 15px;
list-style: none;
}
.light {
background-color: #085dce;
}
.medium {
background-color: #0051bb;
}
.dark {
background-color: #004bad;
}<ul>
<li>light-color</li>
<li>medium-color</li>
<li>dark-color</li>
<li>light-color</li>
<li>medium-color</li>
<li>dark-color</li>
<li>light-color</li>
<li>medium-color</li>
<li>dark-color</li>
<li>light-color</li>
</ul>