앞서 설명드렸던 항목 http://eyoom.net/bbs/?t=3db 과 연결됩니다.

자 이제 출력을 확인하였으니 특정 메뉴 글씨만 색을 변경해 봅시다

이번 테스트에서는 특정 조건에 부합되는 것과 그렇지 않는 두 경우 모두 색을 변경해 보겠습니다.

<a href="{.me_link}" target="_{.me_target}" class="dropdown-toggle" {? C.G5_IS_MOBILE && menu.submenu}data-toggle="dropdown"{:}data-hover="dropdown"{/} style="{?.me_name == "SALE"} color:blue {:} color:red {/}">
{.me_name}&nbsp;<!--{? .new}-->&nbsp; <i class="fa fa-check-circle color-red"></i><!--{/}--> <!--{? .me_icon}--><i class="fa {.me_icon}"></i> <!--{/}--> &nbsp;
</a>

이번 수정 항목은 다음 부분 입니다. 
 

style="{?.me_name == "SALE"} color:blue {:} color:red {/}"

loop의 내부 항목은 loop가 완료되기 전까지 반복되어 호출, 동작 됩니다.

그러면 위 style 부분도 당연히 반복 호출이 된다는 뜻이 됩니다.

해당 라인에 들어가면  style은 질문을 합니다.
 

.me_name에 들어있는 정보가 "SALE"과 똑같니?

그리고 만약 참이면 blue 거짓이면 red가 적용됩니다.

이 방법을 기반으로 한다면 색 적용 뿐만 아니라 이미지를 대입하거나

특정 이벤트를 수행하도록 만들수도 있을 겁니다.

그리고 꼭 endif인 </>를 연산의 마지막에 넣어주는것 잊지말아주세요.