处理列表中布局更改的理想方法

Question

所以我愚蠢地设计了一个最近的文章列表,一切都很好的世界但前两个条目html明显不同于其余的条目.

我还没有转一行代码,所以任何人提出的任何建议都非常感谢.

简单地说ul看起来像:

<li class="1of2"> /* It's number 1 – give it a class to identify it as special */
<h1>{title}</h1>
<p>{short_desc}</p>
</li>
<li class="1of2"> /* It's number 2 – give it a class to identify it as special */
<h1>{title}</h1>
<p>{short_desc}</p>
</li>
<li> /* It's not number 1 or 2 – ie. every other item, NO class per se */
<h1>{title}</h1>
<p>{short_desc}</p>
</li>

如果您想象所有条目的3列网格,但前2个条目各1.5个列.在这里有一点面条划痕,任何想法都被感激之情投票.

PS.如果有帮助我会使用Stash!

Answer 1

只需根据值输出类名{count}.我在<li>这里输出整个开始标记以保持简单,但您可以输出类属性或类名本身.

{if count<=2}
    <li class="special">
{if:else}
    <li>
{/if}
        <h1>{title}</h1>
        ... etc.
    </li>

顺便说一下,我认为你不能拥有以数字开头的类名.