클래스 셀렉터
-
[CSS3] ID 셀렉터와 클래스 셀렉터를 구분하여 사용하는 이유는?IT Study/FE 2023. 9. 28. 11:31
HTML5부터 시작하여 CSS3 등의 개념을 다시 읽어보는 와중에 "ID 셀렉터와 클래스 셀렉터" 파트가 나왔습니다. 왜 이들을 구분하여 사용할까요 ? id와 클래스가 사용되는 이유를 다시 떠올리면 알 수 있을 것 같은데요, 그 이유에 대해 정확히 알아봅시다. ✏️ 1. 원하는 요소를 정확하게 선택하기 위해서 구분하여 사용합니다. ID 셀렉터(#) id는 문서 내에 고유한 식별자여야 하므로, 특정 요소 하나만들 정확하게 선택하는 데에 사용됩니다. 하나의 웹 페이지에 동일한 id를 가진 요소는 오직 하나만 존재합니다. 따라서 ID 셀렉터를 통해 특정 요소를 정확하게 선택할 수 있습니다. 클래스 셀렉터(.) 클래스는 하나 이상의 요소에 동일한 스타일을 적용하기 위해 사용합니다. 여러 요소를 선택하고 스타일을..