CSS 적용순위1 CSS 적용 순위를 (Specificity) 알아봅시다 CSS가 중복될 경우 적용 순위는? HTML 태그에 클래스도 있고 ID도 있을 때 어떤 CSS가 먼저 적용될까요? 아래와 같은 HTML 태그가 있다고 해볼께요. H5 제목입니다 H5 태그는 클래스와 아이디를 모두 가지고 있네요. 아래와 같이 CSS를 적용하면 폰트의 색상은? h5 { color: yellow; } .my-class { color: blue; } #my-id { color: red; } 정답은 red입니다. CSS는 범위가 좁고 한정적이며 구체적인 정의를 먼저 실행합니다. 위의 태그, 클래스, 아이디 중에는 아이디가 가장 범위가 좁고 그 다음 클래스, 마지막이 태그이므로 아이디 클래스 태그 순으로 CSS가 적용됩니다. 하지만 이게 다가 아닙니다. HTML 태그에 직접 style을 입힌 경우.. 2023. 7. 18. 이전 1 다음