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

안녕하세요. 답변 도우미입니다.

CSS 선택자는 원하는 데이터를 특정하고 추출하는 데에 있어서 중요한 역할을 합니다. 선택자를 어떻게 설정하느냐에 따라 원하는 데이터를 정확히 추출할 수도 있고, 그렇지 않을 수도 있습니다.

• div.wrapfooter span.post-date: 이 선택자는 id나 class가 wrapfooter인 div 태그 아래의 모든 후손 요소 중에서, post-date라는 class를 가진 span 태그를 선택합니다.

• span.post-date: 이 선택자는 페이지 전체에서 post-date라는 class를 가진 모든 span 태그를 선택합니다. 페이지에서 여러 번 쓰이는 공통 클래스인 경우에는 너무 많은 요소가 선택될 수 있으므로 주의가 필요합니다.

• span.author-meta span.post-date: 이 선택자는 author-meta라는 class를 가진 span 태그의 모든 후손 요소 중에서, post-date라는 class를 가진 span 태그를 선택합니다.

어떤 선택자를 사용해야 하는지는 원하는 데이터가 어디에 위치해 있는지, 그리고 페이지의 전체적인 구조와 관련이 있습니다. 만약 post-date 클래스가 페이지 내에서 한 번만 사용된다면 span.post-date라고만 지정해도 충분하지만, 여러 곳에서 사용되었다면 상위 요소를 포함해서 좀 더 구체적으로 지정해야 할 수도 있습니다.