more specific rules take precedence

다름이 아니라, CSS 선언에 대한 이야기입니다.

예를 들어서 다음의 CSS 코드의 경우 나중에 선언이 되었다 하더라도,
위쪽에 선언된 css가 좀 더 구체적이므로 먼저 선언된 purple이 적용이 됩니다.
원래 동일 규칙에서는 나중에 선언된 blue 값이 적용되지만,
이 경우에는 구체적으로 명시된 purple이 적용이 됩니다.

.content h1 {
     color: purple;
}

h1 {
     color: blue;
}

다중 파일 css를 사용할 경우, 이런 지식이 꼭 필요하겠죠~ ^^