상속 (Inheritance)
- 어떤 엘리먼트에 프로퍼티를 줘서 값을 주면 그 하위 요소가 성질을 물려받는 것
상속의 이유?
- 생산성, 적은 코드로 많은 일을 할 수 있다.
상속의 특징
- 모두 상속되는 것이 아니라 어떤 것은 상속되는 것이 유리하고 어떤 것은 상속이 안되는 것이 유리하기 때문에 다 다르다.
- color 속성은 상속이 가능하지만 border 속성은 상속이 불가능하다.
<!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>
'html & css > 개념' 카테고리의 다른 글
| 서체 다루기 (0) | 2023.11.20 |
|---|---|
| 캐스케이딩이란? (적용 우선순위) 및 실습 (0) | 2023.11.20 |
| 가상 클래스 선택자 (0) | 2023.11.20 |
| 반응형 웹 (1) | 2023.11.18 |
| 레이아웃을 만들기 위한 CSS (1) | 2023.11.18 |
