Wie kann ich CSS-Klassen mithilfe von XPath genau auswählen?

CSS-Klassen mit XPath auswählen: Ein umfassender Leitfaden

Die Herausforderung

Die Auswahl von CSS-Klassen mit XPath stellt eine einzigartige Herausforderung dar, da XPath kein natives Äquivalent hat zum CSS-Klassenselektor. Dieser Artikel untersucht die Feinheiten dieses Problems und bietet eine effiziente Lösung.

Der falsche Weg: Klasse gleich

XPath-Selektoren, die //*[@class="foo"] verwenden, schlagen bei der Auswahl fehl Elemente mit mehreren Klassen oder Leerzeichen um den Klassennamen.

Der falsche Weg: Klasse enthält

Selektoren wie //*[contains(@class, "foo")] ordnet Elemente mit Klassen wie foobar zu, was falsch ist.

Der richtige Weg: Normalize-Space und Contains

Zum Auswählen von Elementen Bei bestimmten Klassen verwendet XPath den folgenden Selektor:

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

• normalize-space() entfernt führende und nachfolgende Elemente Leerzeichen.
• concat() fügt ein Leerzeichen vor und nach dem Klassenattributwert an.
• contains() prüft, ob die verkettete Zeichenfolge die Zielklasse enthält.

Äquivalenz und weitere Implikationen

Der bereitgestellte XPath-Selektor entspricht dem CSS-Selektor *[class~="foo"], der Gleicht Elemente mit Klassen ab, die die Zielklasse enthalten. Das Verständnis dieser Nuancen ist für die XPath-Kenntnisse von entscheidender Bedeutung.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Klassen mithilfe von XPath genau auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!