[CSS] !important 사용

!important 사용

 

 

CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다.

 

	width: auto !important

 

※ 만약 나중에 설정한 값이 적용되지 않게 하려면 속성 값 뒤에 !important를 붙입니다.

 

p {
  color: blue;
}
p {
  color: red;
}

 

문단의 글자색을 마지막에 설정된 color 값인 red로 디스플레이가 됩니다.

 

 

p {
  color: blue !important;
}
p {
  color: red;
}

 

blue 다음에 !important를 붙이면, 문단의 글자색이 blue로 유지가 됩니다.