[CSS 기본 개념] 상속

1.1  상속

-상위 엘리먼트의 속성을 하위 엘리먼트가 물려 받음

<ul style="color:red"> <li> 1 </li> <li> <ul style="color:blue"> </li> …중간 생략   à color:blue를 지정해서 부모로부터 상속 받은 color:red를 무효화하고 하위 엘리먼트에 blue를 지정하게 된다.

 

-속성 중에는 상속이 되는 것과 되지 않는 것이 있음

 ex) border는 상속되지 않는 속성이기 때문에 적용한 엘리먼트에만 영향을 줌

 

-속성의 값으로 inhert를 지정하면 상속되지 않는 속성도 강제로 상속할 수 있음

<ul style="border:1px solid red"> <!-- border는 상속되지 않는 속성이기 때문에 적용한 엘리먼트에만 영향을 줌 --> <li style="border:inherit"> HTML </li> <!-- inherit를 지정하면 상속되지 않는 속성도 강제로 상속하게 할 수 있다 --> <li>