Jquery 如何将CSS应用于a的第一次迭代<；cfloop>；但不适用于后续迭代？

我有一个

将查询输出到jQuery可排序列表。所有可排序标记（

，

等）都包含在循环中。我需要使用CSS将第一个

元素锚定到页面上的一个设置区域。但是我不想在第一次迭代之后应用这个CSS

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

#1.categoryName#
#一.子类别GUID#

当您输出/循环查询时，它具有内置的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>

#1.categoryName#
#一、子类别GUID#

当您输出/循环查询时，它具有内置的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>

#1.categoryName#
#一、子类别GUID#

类似这样的内容：

<cfloop query=createAgendaTopics">
    <cfif currentrow is 1>
       code for first row
    <cfelse>
      code for remaining rows
    </cfif>
</cfloop>

类似这样的东西：

<cfloop query=createAgendaTopics">
    <cfif currentrow is 1>
       code for first row
    <cfelse>
      code for remaining rows
    </cfif>
</cfloop>

---

听起来你可以简单地使用
：第一个孩子

例如：

<style type="text/css">
   .agendaTopics :first-child {
       /* css to "anchor the first element to a set area on the page" */
   }
</style>

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


.agendaTopics：第一个孩子{
/*css“将第一个元素锚定到页面上的设置区域”*/
}
#1.categoryName#
#一.子类别GUID#

虽然我不知道你说的是什么意思

我需要使用
CSS

您应该能够使用上述代码将任何CSS样式应用于第一个元素。
听起来您可以简单地使用
：first child

例如：

<style type="text/css">
   .agendaTopics :first-child {
       /* css to "anchor the first element to a set area on the page" */
   }
</style>

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


.agendaTopics：第一个孩子{
/*css“将第一个元素锚定到页面上的设置区域”*/
}
#1.categoryName#
#一.子类别GUID#

虽然我不知道你说的是什么意思

我需要使用
CSS

您应该能够使用上述代码将任何CSS样式应用于第一个元素。
请共享一些代码…当然，我已经包含了它。请共享一些代码…当然，我已经包含了它。是否有奇数/偶数选项，而不是特定整数？是否有奇数/偶数选项，而不是特定整数？