코딩 자율학습 HTML + CSS + 자바스크립트: 6.1.3 상속

또 다른 CSS 주요 특징으로 상속(inherit)이 있습니다. 상속은 부모 요소에 적용된 스타일을 자식 요소가 그대로 물려받아 적용되는 현상을 말합니다. 상속이 어떤 건지 다음 예제 코드로 알아보겠습니다.

06/01/inherit.html

  <style>
    div{
      color:red;
    }
  </style>
</head>
<body>
  <div>
    <p>inherit</p>
  </div>
</body>

그림 6-5 실행결과

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.