液体模板是指套装中的第一项？

Question

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

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

{% 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构建循环，以便我可以将第一个项目作为活动输出，其余项目作为标准列表项目输出？

Answer 1

而不是尝试在流体中添加类，您应该利用CSS中可用的选择器将新规则应用于该元素。假设您的包裹<ul>的ID为sections：

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