ID태크와 Class 태그

Question

안녕하세요. driver.find_element(By.CSS_SELECTOR, "#id").click() 아이디 패스워드부분을 작성하실때는 #id 를 사용하시고 다른 버튼 및 선택 부분은 .class를 사용하시는데 차이가 있을까요?   개발자도구에서 ID 부분에서 ID도 있지만 class도 있어서요.   ID가 명시되어 있다면 ID로 하면되고 그렇지 않다면 Class를 넣어서 사용하면 될까요?

파이썬Master · Answer

네, 그렇습니다. 무엇을 사용하던 상관 없습니다. 잘 되고 편한 것으로 사용하시면 됩니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다.

subak님께서 셀레니움에서 ID와 Class를 사용한 선택자에 대한 질문을 주셨군요. HTML 요소를 선택할 때 ID와 Class를 활용하는 방식에는 몇 가지 기본 원칙이 있습니다.

ID 선택자 사용: 일반적으로 #id 형식으로 사용됩니다. 각 페이지에서 고유해야 하므로 특정 요소를 정확하게 선택하는 데 효과적입니다. 따라서, 요소에 ID가 명시되어 있다면 이를 사용하는 것이 적절합니다.

   driver.find_element(By.CSS_SELECTOR, "#specificID")

Class 선택자 사용: .class 형식으로 사용되며, 여러 요소에 동일한 클래스가 적용될 수 있습니다. 따라서, 여러 요소 중 하나를 선택하거나 특정 그룹의 요소를 대상으로 작업할 때 유용합니다.

   driver.find_element(By.CSS_SELECTOR, ".specificClass")

선택의 차이: ID가 있는 경우 그 요소는 유니크(하나뿐)하여 쉽게 식별이 가능하지만, 클래스는 여러 요소에 공유될 수 있습니다. 따라서, 더 정확하게 요소를 식별해야 하는 경우 ID를 사용하고, 그 외의 경우에는 클래스나 다른 선택자를 사용할 수 있습니다.

실제 예제와 더욱 많은 설명은 셀레니움의 CSS 선택자 활용 예제에서 확인하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

ID태크와 Class 태그