XPath를 사용하여 CSS 클래스를 어떻게 정확하게 선택할 수 있습니까?

XPath를 사용하여 CSS 클래스 선택: 종합 가이드

도전

XPath에 해당 클래스가 없기 때문에 XPath를 사용하여 CSS 클래스를 선택하는 것은 독특한 과제를 제기합니다. CSS 클래스 선택기에. 이 문서에서는 이 문제의 복잡성을 살펴보고 효율적인 솔루션을 제공합니다.

잘못된 방식: 클래스가

//*[@class="foo"]를 사용하는 XPath 선택기가 선택에 실패함 여러 클래스가 있거나 클래스 이름 주위에 공백이 있는 요소.

잘못된 방식: 클래스가 포함됨

다음과 같은 선택자 //*[contains(@class, "foo")] 요소를 foobar와 같은 클래스와 일치시킵니다. 이는 잘못된 것입니다.

올바른 방법: Normalize-Space and Contains

요소를 선택하려면 특정 클래스를 정확하게 사용하면 XPath는 다음 선택기를 활용합니다.

//*[contains(concat(" ", normalize-space(@class), " "), " foo ")]

• normalize-space()는 선행 및 후행을 제거합니다. whitespace.
• concat()는 클래스 속성 값 앞뒤에 공백을 추가합니다.
• contains()는 연결된 문자열에 대상 클래스가 포함되어 있는지 확인합니다.

동등성 및 추가 의미

제공된 XPath 선택기는 CSS 선택기와 동일합니다. *[class~="foo"]: 대상 클래스를 포함하는 클래스와 요소를 일치시킵니다. XPath를 능숙하게 사용하려면 이러한 미묘한 차이를 이해하는 것이 중요합니다.

위 내용은 XPath를 사용하여 CSS 클래스를 어떻게 정확하게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!