맛집 여행 캠핑 일상 생활

HTML/CSS last-child 안먹는 경우 본문

HTML.CSS

HTML/CSS last-child 안먹는 경우

영은파더♥ 2016. 10. 28. 11:19

HTML/CSS last-child 안먹는 경우



아직까지 이해가 되지 않지만 first-child 는 먹히는데 last-child 가 안먹히는 경우가 있다.


원인을 아직까지도 모르겠다.


이런 경우는 jQuery 로 css 를 적용시켜주자.


원래는 #subDIV:last-child { display:none; } 이 먹혀야 정상인데 안먹혀서 아래처럼 jQuery 로 적용시켰다.


<script>

var sdObj = $('div #subDIV');

if(sdObj && sdObj.length > 0) {

$(sdObj[sdObj.length-1]).css({'display':'none'});

}

</script>

<div id="subDIV">aaa</div>
<div id="subDIV">bbb</div>
<div id="subDIV">ccc</div>
<div id="subDIV">ddd</div>
<div id="subDIV">eee</div>


Trackback : | Comments :