CSS 우선순위, Specificity


CSS 우선순위, Specificity

만약 여러가지 규칙을 만들었는데 서로 충돌하는 내용이라면 어떻게 될까? 어떤 것을 가장 우선순위로 처리하게 될까? 아래에러 보면 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