상속은 부모 엘리먼트의 속성을 자식 엘리먼트가 물려받는 것을 의미합니다. 상속은 CSS에서 생산성을 높이기 위한 중요한 기능입니다. 이번 수업에서는 상속이란 무엇인가를 알아봅니다. 상속되는 것과 상속되지 않는 것이 있다
주석(comment):투명처리되어서 컴퓨터가 무시하는 코드
상속을 하는 속성과 하지 않는 속성
하지만 모든 속성이 상속을 지원하는 것은 아닙니다. 상속을 하면 오히려 비효율적인 속성들이 있거든요. 아래 문서를 보시면 상속하는 속성과 상속하지 않는 속성의 목록을 볼 수 있습니다.
https://www.w3.org/TR/CSS21/propidx.html
이 표에서 아래 컬럼이 상속 여부를 알려주는 내용입니다.
<!DOCTYPE html>
<html>
<head>
<style>
html{color:red;}
#select{color:black;}
body{border:1px solid red;}
</style>
</head>
<body>
<h1>수업내용</h1>
<ul>
<li>html</li>
<li>css</li>
<li id="select">JavaScript</li>
</ul>
</body>
</html>
댓글