이 html 문서는 단순히 텍스트 파일에 불과하다.
웹 브라우저가 해석을 해서 구조를 통해 화면에 렌더링 해주게 되며 사용자는 View 라고 하는 스크린을 통해 접하게 된다.
Author style ⇒ User style ⇒ Browser
이러한 연속적인 흐름으로 스타일링 되어 지는 Cascading 연결 고리를 가진다.
이 Cascading 연결고리를 끊어주는 !important
속성이 있다.
다음과 같이 사용할 수 있다.
selector {
property: value !important;
}
css스타일 정의를 모두 무시하고 내가 가장 중요한 스타일링이라고 지정해주는 것이다. (스타일 속성 강제 적용) 박스 구조를 잘못 나누었거나, css structure가 잘못되었거나 하는 좋지 않은 아키텍처가 되는 경우에 !important
를 쓰게되지만 이 속성을 사용하지 않아도 적용할 수 있는 다른 좋은 방식도 많이 있기 때문에 최대한 쓰지 않는 것이 좋다.