如何将CSS应用于<cfloop>的第一次迭代,而不是后续迭代？

Question

我有一个<cfloop>输出查询到jQuery可排序列表.所有可排序的标签(<h3>, <div>等)都包含在循环中.我需要<h3>使用CSS 将第一个元素锚定到页面上的设置区域.但我不想在第一次迭代后应用这个CSS.

<cfloop query="createAgendaTopics">
    <h3 style="color:#FFFFFF; font-weight:bold;">
       <cfoutput>#One.categoryName#</cfoutput>
    </h3>
    <div>
         <cfoutput>#One.subCategoryGUID#</cfoutput>
    </div>        
 </cfloop>

Answer 1

输出/循环查询时,它具有内置的currentRow属性 QueryName.CurrentRow

我把它放到cfoutput中以简化代码.

<cfoutput query="createAgendaTopics">
    <cfif createAgendaTopics.CurrentRow EQ 1>
        <h3 style="color:##FFFFFF; font-weight:bold;">#One.categoryName#</h3>
    <cfelse>
        <div>#One.subCategoryGUID#</div>         
    </cfif>
</cfoutput>