jsf - css による ui:repeat 内の要素のスタイリング

Question

を使用して要素のリストを表示しています

<ui:repeat value="#{itemDetail.imageUrlsList}" var="imageUrl" class="thumbnail">    
    <div class="thumbnail" >
        <a4j:commandLink id="thumbLink" 
            actionListener="#{itemDetail.setCurrentImageUrl(imageUrl)}" 
            render="mainProductPic" immediate="true" >
             <h:graphicImage  id="thumbPic" value="/image/#{imageUrl}" width="50" height="50" />
        </a4j:commandLink>
    </div>
</ui:repeat>

これは、リストの各要素に対して次のような html を生成します。

<a href="#" />

定義するCSSクラスなし。

ui:repeat からクラスを指定して、リストの各要素にこの html を含める方法を教えてください。

<a class="thumbnail" href="#thumb" />

前もって感謝します。