순수한 CSS를 사용하려면 cycle ('float : left', 'float : right')을 바꾸시겠습니까?

Question

cycle 도우미 대신 순수한 CSS 클래스를 사용할 수 있도록 cycle('float: left', 'float: right')을 대체 할 수있는 방법이 있습니까? 하나의 열에 div를 왼쪽에서 오른쪽으로 정렬해야합니다. 사이클을 사용하면 캐싱에 어려움이 생길 수 있으므로 대신 정적 스타일링을 사용하는 것이 좋습니다.

<div class="userCards"> 
    <div class="singleCard <%= cycle 'cardLeft', 'cardRight' %>"> 
     <!-- content --> 
    </div> 
</div> 

userCard 높이가 고정하는 것으로했다

, overflow: hidden 및 width: 48%.

.userCards .singleCard:nth-child(odd) { 
    float: left; 
} 

.userCards .singleCard:nth-child(even) { 
    float: right; 
} 

:

Answer 1

는 nth-child() 선택을위한 작업 같은데