液体模板是指集合中的第一个项目？答案

【问题标题】：Liquid template refer to first item in set?液体模板是指集合中的第一个项目？
【发布时间】：2014-07-30 11:11:57
【问题描述】：

我正在使用 Jekyll、Liquid 和 Bootstrap 3 构建导航栏菜单。

现在我有一个 YAML 的 url 列表，可以通过 Liquid 访问我的 Jekyll _config.yml 文件中的变量 site.sections。我正在尝试使用以下内容构建导航栏：

{% for section in site.sections %}
    <li><a href="{{ section.url }}">{{ section.title }}</a></li>
{% endfor %}

但是，我还想让site.sections 中的第一项显示为活动状态，也就是说，我希望 for 循环返回的第一个列表项输出为

<li class="active"><a href="{{ section.url }}">{{ section.title }}</a></li>

如何使用 Liquid 构建循环，以便将第一项输出为活动项，将其余项输出为标准列表项？

【问题讨论】：

【解决方案1】：

您应该利用 CSS 中可用的选择器将新规则应用于该元素，而不是尝试在您的液体中添加类。假设你的包装 <ul> 有一个 id sections：

#sections li:first-of-type { /* your rules here */ color: 'red'; }

【讨论】：