CSS
스타일 상속
dev-in-daily-life
2022. 2. 2. 10:57
반응형
상속(Inheritance)
- 부모 요소에서 설정된 일부 CSS 속성 값이 자식 요소에게 상속되며, 일부는 그렇지 않다.
- 상속되는 CSS 속성들
-> 글자/문자 관련 속성들 ( 모든 글자/문자 속성은 아님 )
font-style : 글자 기울기
font-weight : 글자 두께
font-size : 글자 크기
line-height : 줄 높이
font-family : 폰트(서체)
color : 글자 색상
text-align : 정렬
...
예) 스타일 상속 1
<head>
<style>
.parent1{
color: red;
}
</style>
</head>
<body>
<div class="grandparent">조부모
<div class="parent1">부모1
<div class="child1">자식1</div>
<div class="child2">자식2</div>
<div class="child3">자식3</div>
</div>
<div class="parent2">부모2</div>
</div>
</body>
=> 결과
반응형