#css_important

[webikr]

CSS의 기초_세번째(CSS 적용 우선순위)

스타일의 적용 우선순위에 대해서 알아보겠습니다.

스타일의 우선순위는

단계적으로 우선순위가 정해집니다.

예를 들면

<style>

p { color:red; }

p { color:blue; }

</style>

<p>스타일은 단계적으로 적용됩니다.</p>

이렇게 하면,

p태그의 글자는 blue 색상으로 적용이 됩니다.

스타일은 단계적으로 적용됩니다.

나중에 쓴 스타일이 적용되는거죠!

하지만 예외가 있습니다.

!important

이걸 써주게 되면 상황이 바뀝니다. !important 를 써준 스타일이 우선 적용 됩니다.

<style>

p { color:red !important; }

p { color:blue; }

</style>

<p>스타일은 단계적으로 적용됩니다.</p>

이렇게 작성해주면,

p태그의 글자는 red가 우선순위로 적용이 됩니다.

스타일은 단계적으로 적용됩니다.

그리고 !important 보다도 우선순위로 적용할수 있는방법이 있습니다.

그건..바로

자세한 내용은 여기에서 확인하실 수 있습니다

http://deveroad.kr/bbs/board.php?bo_table=study&wr_id=5