Question

如何循环的调用用CSS加载不同的样式？

我曾经不知道是在哪里看到，用纯CSS的方式可以使用一个CSS样式来使同一个类显示不同的效果。现在想不起来具体是如何做到的。
比如我需要一个li循环里面每一个li的内容改变不同的字体颜色。但是只能使用一个选择器来控制样式。
曾经看到的好像是一个css样式来控制，第一个使用*** 第二个使用***的方式。
有大佬知道如何做么？
<style>
.box ul li{
float: left;
margin-right: 15px;
}
</style>
<div class="box">
<ul>
<li>1</li>
<li>2</li>
<li>2</li>
</ul>
</div>

Answer 1

.box ul li：nth-child(1){
}
表示第一个子元素 具体的可以查一下文档 有具体说明