본문 바로가기
공부/XE

메뉴 롤오버

by Ohming 2012. 7. 6.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

xe에서 css 부분 고치다가

보통때는 a
마우스를 올렸을때는 a:hover
마우스로 클릭했을때는 a.a_on

그리고 내가 쓴 레이아웃의 css에는 !important 라는 생소한게 많았다.
css를 적용해도 이것때문에 안되는 경우도 있다는걸 처음 알았다.
잘만 이용하면 좋은 것 같긴한데.
이 글이 제일 이해하기 쉬운 것 같다.

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

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

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

body { color: black; }

body { color: white; }

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

body { color: black !important; }

body { color: white; }

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

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

- 출처 : http://hornil.com/bbs/board.php?bo_table=comm_hp_note&wr_id=20


댓글