class가 btn인 태그 내의 첫 번째 안에 뜬 태그를 지칭하는 선택자? 어떻게 표현해줘야 하나요? 아래처럼 표현하니까 안 되네요. ㅡㅡ; li.btn:first-child a

이전 목록 다음

채택완료

class가 btn인 <li> 태그 내의 첫 번째 안에 뜬 <a> 태그를 지칭하는 선택자?

홈짱

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 17:07:07 3,538

class가 btn인 <li> 태그 내의 첫 번째 안에 뜬 <a> 태그를 지칭하는 선택자?

어떻게 표현해줘야 하나요? 아래처럼 표현하니까 안 되네요. ㅡㅡ;

li.btn:first-child a

그누보드4 css

답변 1개 / 댓글 10개

채택된 답변

+20 포인트

평정심

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 17:31:47

li.btn a:first-child

답변에 대한 댓글 10개

홈짱

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 17:52:05

네이비칼라 님, 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 } ?>

왕계란

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 21:58:14

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

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

홈짱

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 22:04:25

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

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

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

왕계란

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 22:22:49

홈짱

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 22:38:28

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

왕계란

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-02-07 (토) 22:53:31

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