CSS 강좌 | 선택자 > Pseudo-classes > :first-child

:first-child는 형제 요소 중 첫번째 요소를 선택합니다.

문법

selector:first-child { ... }

예제

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
      li:first-child {
        color: red;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>Lorem ipsum dolor.</li>
      <li>Lorem ipsum dolor.</li>
      <li>Lorem ipsum dolor.</li>
    </ul>
  </body>
</html>

브라우저 지원

  • Chrome : 4.0
  • Firefox : 3.0
  • Internet Explorer : 7.0
  • Opera : 9.6
  • Safari : 3.1
Category

Created on 2017-02-26 23:44 | Updated on 2017-02-26 23:44

이 글을 공유하기

Kakao

기초 강좌