it수업 1~2주차 (13) Style Priority

 

html문서로 먼저 작성을 한다.

 

문서 내에서 style태그 사용

 inline style

 

● !important는 우선순위를 제일 높게 하는 것이다.

 

<외부문서인 css파일>

 

 

 

맨 위의 코드에서 14행의 !important를 제외하고 맨 위의 코드의 외부 css링크를 없애면 

 

이런 실행화면이 나온다.

 

 

여기서 외부 css파일을 가져오면

 

이런 실행화면이 나온다.

 

 

 

여기서 body부분에 h1의 스타일을 입히면

 

이런 실행화면이 나오게 된다.

 

 

 

 

 

위의 css 실행 화면에서 background-color가 brown이 되고 글씨 색은 유지 되는 것을 볼 수 있다.

 

여기서 14행의 !important를 적용시켜주면

orange색의 배경이 우선 순위가 되어 주황색으로 바뀌고 글씨 색은 유지되는 것을 볼 수 있다.