css 요소 순위1 CSS Specificity CSS Specificity가 무엇인가? 동일한 요소를 가리키는 CSS 규칙이 두 개 이상 있는 경우, 가장 높은 특정성(specificity) 값을 가진 선택자가 "win"되고 해당 스타일 선언이 해당 HTML 요소에 적용된다. 특정성을 요소에 최종적으로 적용할 스타일 선언을 결정하는 점수/순위로 생각한다. 다음 예를 확인합니다: 예제 1 Hello World! 이 예에서는 "p" 요소를 선택자로 사용하고 이 요소에 빨간색을 지정했다. 텍스트는 빨간색이다: 예제 2 이 예에서는 클래스 선택기("test"라는 이름)를 추가하고 이 클래스에 녹색을 지정했다. 이제 텍스트가 녹색으로 표시된다(요소 선택기 "p"에 빨간색을 지정했음에도 불구하고). 이는 클래스 선택기가 더 높은 우선 순위를 받기 때문이다: H.. 2023. 9. 12. 이전 1 다음