CSS~!important~

CSS에는 우선 순위라는 것이 있습니다.
위에서 쓴 것이 아래쪽으로 반영됩니다.

예를 들어, 이렇게 기입했다고 합시다.

index.html

<h1>今日は何をしていましたか？？</h1>

style.css

h1 {
  color: red;
}

h1 {
  color:blue;
}

이 경우, 우선적으로 반영되는 것은 가장 마지막에 기입된 css가 됩니다.


이렇게 되네요.
빨간색을 반영하고 싶습니다.
여기서 사용하는 것이 『!important』입니다.
그럼 앞의 CSS에 덧붙여 갑니다.

style.css

h1 {
  color: red !important;
}

h1 {
  color:blue;
}

그러면 빨간색이 반영되었습니다.


하지만 이 태그는 정말로 우선하고 싶은 것에 붙이도록 합시다!
사용하지 않는 것이 마스트입니다 😊