만약 여러가지 규칙을 만들었는데 서로 충돌하는 내용이라면 어떻게 될까? 어떤 것을 가장 우선순위로 처리하게 될까? 아래에러 보면 3가지나 되는 규칙이 각기 다른 규칙을 부여했는데 가장 마지막의 것만 적용된것을 볼 수 있다. 특정 규칙은 다른 것들보다 좀 더 specific한 것으로 취급된다. 일반적으로 ID (#main-paragraph)는 class (.info-paragraph)보다 우선순위에 있다. (specific) Class(p)는 element보다 우선순위이다. ID>Class>Element 하지만 만약 규칙이 동일하게 우선순위라면 마지막에 있는 것이 이긴다. 출처: https://ko.khanacademy.org/computing/computer-programming/html-css/more-css-selectors/pt/css-specific..........
원문링크 : CSS 우선순위, Specificity