CSS/기초/!important

Incheon·2022년 7월 10일
0

css는 같은 속성을 여러번 정의 했을 때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 갑싱 적용되지 않게 하려면 속성 값 뒤에 !important를 붙입니다

property: value !important

예를 들어 마지막 설정한 color 값이 blue이므로, red는 무시하고 글자색은 파란색으로 변경 됩니다.

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

하지만 red에 !important가 있으므로 문단 글자색은 빨간색으로 유지 됩니다.

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

다시 속성값을 재설정 하고 싶으면 !important를 추가합니다.

p {
  color: red !important;
}
p {
  color: blue;
}
p {
  color: green !important;
}
profile
Junior Web Developer

0개의 댓글