python - selenium find_element_by_css_selector 用于长类名

Question

我已经多次尝试使用教程中的其他指令代码和空格，效果很好。但是，当我刚刚更改 URL 和以下类时，它会给出错误:

selenium.common.exceptions.InvalidSelectorException: Message: invalid selector: An invalid or illegal selector was specified
  (Session info: chrome=100.0.4896.88)

当我使用教程代码时一切正常。

这是我的代码(我已经从互联网上解决了一些 chrome 驱动程序问题)

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
import time

options = webdriver.ChromeOptions()
options.add_experimental_option("excludeSwitches", ["enable-logging"])
driver = webdriver.Chrome(options=options)

driver.get("https://raritysniper.com/nft-drops-calendar")

time.sleep(1)

link = driver.find_element_by_css_selector(".w-full.h-full.align-middle.object-cover.dark:brightness-80.dark:contrast-103.svelte-f3nlpp").get_attribute("alt")

print(link)

我正在尝试获取每个项目的属性并将它们放入 csv 中。 (请引用截图)

Screen shot of HTML that I am trying to extract

如果有人能描述我在代码中遇到的问题，那就太好了。

谢谢!

Answer 1

您正在使用的 CSS_SELECTOR

.w-full.h-full.align-middle.object-cover.dark:brightness-80.dark:contrast-103.svelte-f3nlpp

并不真正匹配 HTML 中的任何元素。

相反，您应该使用此 CSS_SELECTOR:

div.w-full.h-full.align-middle img:not(.placeholder)

在代码中:

driver.maximize_window()

wait = WebDriverWait(driver, 30)

driver.get("https://raritysniper.com/nft-drops-calendar")

#time.sleep(1)

first_element = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, "div.w-full.h-full.align-middle img:not(.placeholder)")))
print(first_element.get_attribute('alt'))
print(first_element.get_attribute('src'))

导入:

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

输出:

NEON PLEXUS
https://media.raritysniper.com/featured/neon-plexus_1648840196045_3.webp

Process finished with exit code 0