CSS는 중복 선언을 허용한다. 중복되는 경우에는 우선순위로 처리된다.
우선순위는 다음과 같다.


1.!important


h1{
  color: red !important;
}


2.인라인 스타일


<div style="color: red;">안녕하세요.</div>


3.아이디 선택자


#header{
  font-size: 20px;
}


4.클래스 선택자


.nav{
  background: yellow;
}


5.태그 선택자


p{
  color: blue;
}



만약 동일한 선택자를 선언했다면, 더 나중에 선언한 것이 적용된다. 

 
span{
  color: green;
}
span{
  color: red;
}

-> color: red 로 적용된다.



선택자의 표현이 더 구체적인 것을 우선으로 적용한다.


p{
  color: blue;
}
.box p{
  color: green;
}

-> color: green 으로 적용된다.