어떤 요소에 속성 값을 줘서 효과를 주게 되면 해당 요소의 하위 요소들이
그 속성을 이어 받게 되는 성질을 상속이라고 합니다.
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>
'프레임워크 > CSS' 카테고리의 다른 글
| [생활코딩] inline block (0) | 2022.01.29 |
|---|---|
| [생활코딩] 캐스케이딩(Cascading) (0) | 2022.01.28 |
| [생활코딩] 타이포그래피 - 웹폰트 (0) | 2022.01.25 |
| [CSS] linear-gradient (0) | 2022.01.25 |
| [생활코딩] 타이포그래피 - font (0) | 2022.01.24 |
댓글