네이비칼라 님, for 반복문을 통해 <li class="btn">이 여러 개 생기는데, 마지막 번째에만 효과를 주려고 하는데,
위 선택자를 적용하니까 중간에 생긴 녀석들도 다 적용이 되네요. 마지막 번째 애만 스타일 주려면  어케?

이런 구조로 반복해 생성되거든요.

<?php for ($i=$mw_groups_head_count-1; $i>-1; $i--) { ?>

<li class=btn><a href="<?=$mw_groups_head[$i][gr_url]?>"
            target="<?=$mw_groups_head[$i][gr_target]?>"
            title="<?=mw_html_entities($mw_groups_head[$i][gr_title])?>"><?=$mw_groups_head[$i][gr_subject]?></a>
      </li>

<?php } ?>

어떤 걸 원하시는지 정확히 모르겠네요.
<li class="btn">~~~~</li>
이런 게 여러 개 있단 말씀이신가요?

$("li:last").css("background", "#000");
$("li").last().css("background", "#000");
이런 식으로 하시면 마지막 애를 찾아 줍니다.

for 반복문을 돌리면 class=btn이 영향을 미치는 여러 <li> 메뉴가 나타나잖아요.
그럼, 제일 마지막에 나타나는 녀석에게만 효과를 주려고 하거든요.


PS.
적어주신 아래 소스를 어떻게 써먹을지 모르겠습니다.

$("li:last").css("background", "#000");
$("li").last().css("background", "#000");

<script>
$(function() {
  $("li.btn:last").css("background", "#000");
});
</script>
이런 식으로 하시면 <li class="btn"> 중에서 가장 마지막에 백그라운드 색상이...

왕계란 님 쪽지 드렸습니다. 알려주신 팁을 이용해봐도, 마지막 요소에 영향을 미칠 수가 없네요.

주신 쪽지엔 보니 float:right로 되어 있네요.
어차피 html 코드는 float을 줘도 순서대로 나오니 마지막이 아니라 처음이었습니다.
$("li.item:first").css(~~~);
적용해 보세요.
제가 5px로 작게 했는데 실제론 맞게 맞추셔야 할 듯하네요.

<script>
$(function() {
$("li.item:first").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
 
 
왕계란 님, 이렇게 넣어봤는데, 변화가 없어요. ㅜㅜ

<script>
$(function() {
  $("li.item:first a").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
a를 넣어 보세요.
a에 적용해야 하나 보네요.

오호, 왕계란 님, 이제 됩니다. ^^  수고 정말 많으셨습니다. 고맙습니다. ^^  덕분에 좋은 팁 하나 배웠네요.

네이비칼라 님, 왕계란 님 고맙습니다. 즐거운 일요일 되세요!

문제가 해결되니, 세상이 다 아름다워 보이네요. ㅎㅎ

[http://blog-imgs-44.fc2.com/w/a/r/wareureu/207.gif]