Web/CSS

CSS_cascading

Jacob93 2017. 3. 7. 19:36

오늘은 Cascading 이라는 것에 대해 포스팅 할려구 하는데요~


Cascading이란 적용 우선순위 라고 할 수 있어요.


우선순위가 어떻게 적용되는지 한번 알아볼게요~


우선 기본 코딩을 해볼께요!



<h1>태그에만 색깔을 입혀보았습니다.


이제 id값과 class값, style 속성값을 넣고 우선순위를 비교해 보도록 하겠습니다.




화면을 보시는 바와 같이 id값,class값,style속성값, tag값 이렇게 4가지가 겹쳐있는경우,


우선순위는 Style Attribute > Id selector > Class Selector > Tag Selector 순서로 우선순위가 정해집니다!