怎么使用：判断语句

<ul>

<li><a href="链接"><span></span>内容</a>

<i  class='tft'>1</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i  class='tft'>2</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i  class='tft'>3</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i>4</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i>5</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i>6</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i>7</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i>8</i> 

</li>

<li><a href="链接"><span></span>内容</a>

<i>9</i> 

</li>

</ul>

这个是排行，前3条用一个CSS样式，后面的几条用一个样式。麻烦解答下