CSS cascading

• 선언방식에 따른 차이
  inline > internal > external
  

/* 동일한 노드를 가리킨다고 가정하자 */

span {
	color : red;
}

span {
	color : blue;
}

/* blue 적용. 동일하면 나중에 것이 적용된다 */

body > span {
	color : red;
}

span {
	color : blue;
}

/* red 적용. 구체적인 것이 있다면 먼저 적용됨 */

<div id="a" class="b">
	lorem...
</div>

#a {
	color : red;
}

.b {
	color : blue;
}

div {
	color : gray;
}
/* red 적용. id > class > element */