Dede:arclist label Loop, how to get the first few cycles-dream CMS

Problem Description: When we do a referral or hot article List, very want in the first 10 records before the title, plus different small signs, such as from 1 to 10 of the number, but we use <li></li> and so on, every record is the same, It is not possible to define different title articles in different CSS styles, of course you can also make a diagram beforehand, because the height of the UL and each Li's height spacing is fixed and predictable, directly to this map as the entire background of the UL can also be achieved, but this always feel uncomfortable, the following code can let you for each <LI> define different CSS styles, that is, to implement this feature:
<ul>
<li class= "Icon1" > Title links </li>
<li class= "Icon2" > Title links </li>
<li class= "Icon2" > Title links </li>
<li class= "Icon3" > Title links </li>
<li class= "Icon5" > Title links </li>
</ul>

(www.)

The label code is as follows:

<ul>
{dede:arclist titlelen=34 row=5 orderby= ' hot ' typeid= ' 74 '}
<li class= "icon[field:global.autoindex/]" ><a href= "[field:arcurl/]" target=_blank> (www.)

[field:title/]</a></li>
{/dede:arclist}
</ul>

{}

Where: [field:global.autoindex/] can enter the corresponding 1, 2, 3, 4, 5, etc. in the label loop