상속, 캐스케이딩

상속 : 내가 css속성을 지정안했음에도 자동으로 부모 요소 속성이 적용됨

상속 : 자식요소들은 부모요소의 css속성을 상속받는데, 받는거따로 안받는거 따로있다.

1. 받는 경우 ex)

ul{color:gray}

<ul><li></li></ul>

위의 경우 li도 color 속성을 상속받아서 색깔이 동일하게 변함

 

2. 안받는 경우 ex) border

 

상속이 유리한경우, 불리한경우에 따라 알아서 지정돼있다.

https://www.w3.org/TR/CSS21/propidx.html

Full property table

 

캐스케이딩 : 같은 요소에 적용된 css속성이 여러개일때 뭐가 먼저 적용되는지

style속성 > id선택자 > class선택자 > 태그선택자