[생활코딩] 상속

은돌1113 2022. 1. 26. 15:15

728x90

어떤 요소에 속성 값을 줘서 효과를 주게 되면 해당 요소의 하위 요소들이

그 속성을 이어 받게 되는 성질을 상속이라고 합니다.

CSS의 속성들을 모두 상속 되는 것이 아니라,

상속 되는 것이 유리한 속성들은 상속 되고 그렇지 않은 것들을 상속 되지 않습니다.

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      html {
        color: tomato;
      }

      #select {
        color: black;
      }

      /* 
      훨씬 더 경제적이고 생산성이 높다
      즉, 적은 코드로 많은 일을 할 수 있다. 
      */
    </style>
  </head>
  <body>
    <h1>수업 내용</h1>
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li id="select">JS</li>
    </ul>
  </body>
</html>

728x90