如果单个标签如何添加类？

Question

我有4 <li></li>，显示与否。

{% if li == 1 %}{% endif %}

如果只显示一个（单个）<li></li>，如何添加课程？

Answer 1

通过仅在元素是其父元素的单个子元素（仅渲染一个元素）时应用样式，您可以稍微改变这种方式

ul li:only-child {
property: value;
}

link to w3schools article here

Answer 2

如果显示项目集合，则可以检查阵列的长度。例如：

{% set elems = ['1','2'] %}
{# {% set elems = ['1'] %} #}

{%for elem in elems %}
  <li{% if elems|length == 1 %} class="single" {% endif %}>
    {{elem}}
  </li>
{%endfor%}

Here a working example

希望这个帮助

Answer 3

li:first-child {
    property: value;
}