cascading은 스타일 규칙들이 어떠한 기준으로 요소에 적용되는지를 정한 규칙입니다.
css 스타일이 적용되는 방식은
- 기본적으로 선언 순서가 나중에 된 것이 적용됩니다.
p { color: silver; } p { color: red; }
이 코드에서는 나중에 명시된 color: red가 지정이됩니다.
- 속성 코드에 !important를 활용해서 중요도를 표시하고 다른 스타일 보다 우선시 할 수 있습니다.
p { color: red !important; }
- 선언 순서가 앞에 있더라도 id, class 같이 구체적인 선언을 하여 순서를 앞당길수도 있습니다.
p#bright { color: silver; } p { color: red; }
이런 상황에서는 color: red가 나중에 지정된 선언 순서라도 id를 지정해준 color: silver가 적용이 됩니다.