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。但是我怎样才能让课程进入 div 呢？

Answer 1

解决方案 1 如果您可能无法与 IE8 兼容：

不要在 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>