HTML/CSS last-child 안먹는 경우

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>