Bagaimanakah Saya Boleh Memilih Kelas CSS Dengan Tepat Menggunakan XPath?

Memilih Kelas CSS dengan XPath: Panduan Komprehensif

Cabarannya

Memilih kelas CSS dengan XPath menimbulkan cabaran unik kerana XPath tidak mempunyai persamaan asli kepada pemilih kelas CSS. Artikel ini meneroka selok-belok isu ini dan menyediakan penyelesaian yang cekap.

Cara Yang Salah: Kelas Sama dengan

Pemilih XPath menggunakan //*[@class="foo"] gagal memilih elemen dengan berbilang kelas atau ruang putih di sekeliling nama kelas.

Cara Yang Salah: Kelas Mengandungi

Pemilih seperti //*[contains(@class, "foo")] padankan elemen dengan kelas seperti foobar, yang tidak betul.

Cara yang Betul: Normalize-Space dan Contains

Untuk memilih elemen dengan kelas tertentu dengan tepat, XPath menggunakan pemilih berikut:

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

• normalize-space() mengalih keluar ruang putih di hadapan dan di belakang.
• concat() menambahkan ruang sebelum dan selepas nilai atribut kelas.
• mengandungi() menyemak sama ada rentetan bercantum termasuk kelas sasaran.

Kesamaan dan Implikasi Selanjutnya

Pemilih XPath yang disediakan adalah bersamaan dengan pemilih CSS *[class~="foo"], yang memadankan elemen dengan kelas yang mengandungi kelas sasaran. Memahami nuansa ini adalah penting untuk kecekapan XPath.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Kelas CSS Dengan Tepat Menggunakan XPath?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!