Jul 2, 2010, Posted by webmaster @ 10:42 PM

CSS 에서 !important 속성은 무엇을 뜻하는 것일까?

CSS(Cascading Style Sheets)는 Cascading 즉 폭포처럼 위에서 아래로 흘러내리는 스타일들의 묶음이다. 위에서 아래로 흘러내린다? CSS의 가장 큰 특징이자 매력은 중복 정의와 가장 나중에 정의된 값이 적용된다는 점입니다.

예를 들어 아래와 같이 스타일을 만든다고 하면 본문의 색상은 나중에 설정해준 흰색이 될 것입니다.

body { color: black; }

body { color: white; }

그런데 이 때  아래와 같이 !important를 사용하면 나중에 적용될 값들을 무시하도록 할 수 있습니다.

body { color: black !important; }

body { color: white; }

결국 !important 는 앞선 스타일의 속성이 중요하기 때문에 변경되지 말라고 하는 것을 나타냅니다.

이는 CSS를 해석하는 브라우저에게도  중요함을 알려주지만 공동 작업하는 웹디자이너에게도 중요함을 알려줄 수 있는 좋은 수단입니다.

링크

  • 연결된 링크가 없습니다.

첨부파일

  • 첨부파일이 없습니다.

덧글 3

onandme @ 14-04-23 10:43
답글 | 삭제
감사합니다. 담아갈게요.
헬로 @ 14-09-29 15:33
답글 | 삭제
감사합니다
abc @ 16-04-21 18:25
답글 | 삭제
좋은 정보 감사합니다