더북(TheBook)

:first-child와 :last-child

:first-child 선택자는 부모인 E 요소의 첫 번째 자식 요소를 선택하고, :last-child 선택자는 마지막 자식 요소를 선택합니다. 다음 코드는 li 태그의 자식 요소 중에서 첫 번째와 마지막 요소를 선택해 텍스트를 빨간색으로 적용합니다.

05/04/first&last-child.html

<style>
  li:first-child{
    color:red;
  }
  li:last-child{
    color:red;
  }
</style>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.