css - ui：repeatの最後の項目に達したときに条件付きでスタイルクラスを設定するにはどうすればよいですか？

Question

それが私のリピートの最後のクラスである場合、私はdivにクラスを持ちたいです。

私が今持っています：

<ui:repeat value="#{myCollection}" var="item"  varStatus="status">
<div class="last">#{item.text}</div>
</ui:repeat>

しかし、私はクラスを最後のdivで最後にしたいです...

#{status.last}

それが最後のdivである場合、trueです。しかし、どうすればクラスをdivに入れることができますか？

Answer 1

IE8と互換性がない可能性がある場合の解決策1：

JSFでこれを行わないでください。これにより、CSSを使用してスタイルをデータから分離するという目的が損なわれます。

あなたはあなたのCSSファイルでこれをするかもしれません：

.normalClass:last-child {

}

解決策2：

<ui:repeat value="#{myCollection}" var="item"  varStatus="status">
<div class="#{status.last?'last':''}">#{item.text}</div>
</ui:repeat>