채택완료
class가 btn인 <li> 태그 내의 첫 번째 안에 뜬 <a> 태그를 지칭하는 선택자?
class가 btn인 <li> 태그 내의 첫 번째 안에 뜬 <a> 태그를 지칭하는 선택자?
어떻게 표현해줘야 하나요? 아래처럼 표현하니까 안 되네요. ㅡㅡ;
li.btn:first-child a
답변 1개 / 댓글 10개
채택된 답변
+20 포인트
2015-02-07 (토) 17:31:47
li.btn a:first-child
답변에 대한 댓글 10개
2015-02-07 (토) 17:52:05
2015-02-07 (토) 21:58:14
어떤 걸 원하시는지 정확히 모르겠네요.
<li class="btn">~~~~</li>
이런 게 여러 개 있단 말씀이신가요?
$("li:last").css("background", "#000");
$("li").last().css("background", "#000");
이런 식으로 하시면 마지막 애를 찾아 줍니다.
<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");
그럼, 제일 마지막에 나타나는 녀석에게만 효과를 주려고 하거든요.
PS.
적어주신 아래 소스를 어떻게 써먹을지 모르겠습니다.
$("li:last").css("background", "#000");
$("li").last().css("background", "#000");
2015-02-07 (토) 22:22:49
<script>
$(function() {
$("li.btn:last").css("background", "#000");
});
</script>
이런 식으로 하시면 <li class="btn"> 중에서 가장 마지막에 백그라운드 색상이...
$(function() {
$("li.btn:last").css("background", "#000");
});
</script>
이런 식으로 하시면 <li class="btn"> 중에서 가장 마지막에 백그라운드 색상이...
2015-02-07 (토) 22:38:28
왕계란 님 쪽지 드렸습니다. 알려주신 팁을 이용해봐도, 마지막 요소에 영향을 미칠 수가 없네요.
2015-02-07 (토) 22:53:31
주신 쪽지엔 보니 float:right로 되어 있네요.
어차피 html 코드는 float을 줘도 순서대로 나오니 마지막이 아니라 처음이었습니다.
$("li.item:first").css(~~~);
적용해 보세요.
제가 5px로 작게 했는데 실제론 맞게 맞추셔야 할 듯하네요.
어차피 html 코드는 float을 줘도 순서대로 나오니 마지막이 아니라 처음이었습니다.
$("li.item:first").css(~~~);
적용해 보세요.
제가 5px로 작게 했는데 실제론 맞게 맞추셔야 할 듯하네요.
2015-02-07 (토) 23:14:01
<script>
$(function() {
$("li.item:first").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
왕계란 님, 이렇게 넣어봤는데, 변화가 없어요. ㅜㅜ
$(function() {
$("li.item:first").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
왕계란 님, 이렇게 넣어봤는데, 변화가 없어요. ㅜㅜ
2015-02-07 (토) 23:51:07
<script>
$(function() {
$("li.item:first a").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
a를 넣어 보세요.
a에 적용해야 하나 보네요.
$(function() {
$("li.item:first a").css({"borderTopRightRadius":"30px", "borderBottomRightRadius":"30px"})
});
</script>
a를 넣어 보세요.
a에 적용해야 하나 보네요.
2015-02-07 (토) 23:53:22
오호, 왕계란 님, 이제 됩니다. ^^ 수고 정말 많으셨습니다. 고맙습니다. ^^ 덕분에 좋은 팁 하나 배웠네요.
2015-02-08 (일) 00:32:08
네이비칼라 님, 왕계란 님 고맙습니다. 즐거운 일요일 되세요!
문제가 해결되니, 세상이 다 아름다워 보이네요. ㅎㅎ
[http://blog-imgs-44.fc2.com/w/a/r/wareureu/207.gif]
문제가 해결되니, 세상이 다 아름다워 보이네요. ㅎㅎ
[http://blog-imgs-44.fc2.com/w/a/r/wareureu/207.gif]
답변을 작성하려면 로그인이 필요합니다.
위 선택자를 적용하니까 중간에 생긴 녀석들도 다 적용이 되네요. 마지막 번째 애만 스타일 주려면 어케?
이런 구조로 반복해 생성되거든요.
<?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 } ?>