상속(Inheritance) 개념과 계단식 상속(Cascading logic)

 

상속(Inheritance)

특정 개념이 자손(하위 항목)에게도 적용된다.

부모-자식 요소

요소 안에 다른 요소가 포함된다면 위에 설정된 요소는 부모 요소이며 그 안에 포함된 요소는 자식 요소라고 한다.

또 자식 아래에 요소가 포함된다면, 이는 자손 요소라고 한다.

이러한 상위-하위 관계에 있는 요소를 부모-자식 요소라고 한다.

 

계단식 상속(Cascading logic)

하나의 요소에 여러 규칙을 적용할 수 있으며, 동일한 규칙이나 속성이 두 개 이상 있을 경우 특정 선택자에 대하여 가장 최신 규칙이 우선적으로 적용된다.

728x90

'CSS' 카테고리의 다른 글

색상 설정  (0) 2024.12.16
선택자와 결합자(selectors & Combinators)  (0) 2024.12.14
이미지 스타일의 변경  (1) 2024.12.10
텍스트의 크기, 굵기와 글꼴 설정  (0) 2024.12.08
가상 선택자(Pseudo Selectors)  (0) 2024.12.07