테스트 사이트 - 개발 중인 베타 버전입니다

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

홈짱 10년 전 조회 3,307
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
10년 전
li.btn a:first-child
로그인 후 평가할 수 있습니다

답변에 대한 댓글 10개

홈짱
10년 전
네이비칼라 님, 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 } ?>
왕계란
10년 전
어떤 걸 원하시는지 정확히 모르겠네요.
<li class="btn">~~~~</li>
이런 게 여러 개 있단 말씀이신가요?

$("li:last").css("background", "#000");
$("li").last().css("background", "#000");
이런 식으로 하시면 마지막 애를 찾아 줍니다.
홈짱
10년 전
for 반복문을 돌리면 class=btn이 영향을 미치는 여러 <li> 메뉴가 나타나잖아요.
그럼, 제일 마지막에 나타나는 녀석에게만 효과를 주려고 하거든요.


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

$("li:last").css("background", "#000");
$("li").last().css("background", "#000");
왕계란
10년 전
<script>
$(function() {
$("li.btn:last").css("background", "#000");
});
</script>
이런 식으로 하시면 <li class="btn"> 중에서 가장 마지막에 백그라운드 색상이...
홈짱
10년 전
왕계란 님 쪽지 드렸습니다. 알려주신 팁을 이용해봐도, 마지막 요소에 영향을 미칠 수가 없네요.
왕계란
10년 전
주신 쪽지엔 보니 float:right로 되어 있네요.
어차피 html 코드는 float을 줘도 순서대로 나오니 마지막이 아니라 처음이었습니다.
$("li.item:first").css(~~~);
적용해 보세요.
제가 5px로 작게 했는데 실제론 맞게 맞추셔야 할 듯하네요.
홈짱
10년 전
<script>
$(function() {
$("li.item:first").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>


왕계란 님, 이렇게 넣어봤는데, 변화가 없어요. ㅜㅜ
왕계란
10년 전
<script>
$(function() {
$("li.item:first a").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
a를 넣어 보세요.
a에 적용해야 하나 보네요.
홈짱
10년 전
오호, 왕계란 님, 이제 됩니다. ^^ 수고 정말 많으셨습니다. 고맙습니다. ^^ 덕분에 좋은 팁 하나 배웠네요.
홈짱
10년 전
네이비칼라 님, 왕계란 님 고맙습니다. 즐거운 일요일 되세요!

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

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

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인