CSS 중복된 속성이 있을 경우 우선 순위 결정 하기

CSS가 중첩 되어 적용 되는 경우가 있다. 흔히 이런 경우 간단한 옵션을 주더라도 적용이 되지 않는다.

Debug을 하면 위와 같은 모습을 확인 할 수 있다.

width: 100% !important;

!important; 옵션을 적용 하면 우선 순위 대상이 된다.