I have some iteration in code and i want to have some css only on every second element, except last one.

So in angular i would do something like that:

```
<div ng-repeat="n in [1, 2, 3, 4, 5] track by $index">
<some-element ng-class="($index % 2 === 0 
    && $index + 1 !== element.length) ? 'black' : 'white'" />
</div>

```

How can i achieve the same in lightning?

```
<aura:iteration items="{!v.questions}" var="question">

  <lightning:layoutItem flexibility="auto" padding=" HERE WE WANT DYNAMIC CSS ">
    <lightning:select name="answer" label="{!question.Name}" disabled="{!question.Id != v.recordId}" value="{!question.AnswerValue__c}" >

     <!-- some code here -->

   </lightning:select>
  </lightning:layoutItem>
</aura:iteration>

```

**UPD:**
Ok, this version work

```
<lightning:layoutItem padding="{! index % 2 == 1 ? 'horizontal-small' : ''}">

```

But once i add && with second expression, im getting error:

```
<lightning:layoutItem flexibility="auto" padding="{! index % 2 == 1 && index != v.questions.size ? 'horizontal-small' : ''}">

```

> 
> Error:(49, 10):49,102: ParseError at
>  [row,col]:[50,102] Message: The entity name must immediately follow
>  the '&' in the entity reference.
> 
> 
>