HTML5에서 예상대로 작동하지 않는 마지막 자식 선택기

마지막 자식 선택자는 부모의 마지막 자식 요소를 선택하는 데 사용됩니다. 지정된 상위 요소 아래에 특정 클래스가 있는 마지막 하위 요소를 선택하는 데 사용할 수 없습니다.

background-color로 마지막 자식 li 요소 스타일 지정 -

li:last-child{
   background-color: blue;
}

요소가 가장 마지막 요소가 아닌 경우 문제가 발생합니다.

−

<div>
   <a></a>
   <a>This will be selected</a>
</div>