css selector in selenium python

Css Selector button click with selenium (python)

stackoverflow.com › questions › 71756182 › css-selector-button-click-with-selenium-python

As you've mentioned

The class name has spaces in it, which lead me to use the css_selector

this is right approach, however you should also make sure that one

One should remove the space and put a .
. represent class in CSS.

So the below code should work:

driver.find_element(By.CSS_SELECTOR, ".btn.btn-alt.see-full-list-btn")

or you can even use it with the tag a

driver.find_element(By.CSS_SELECTOR, "a.btn.btn-alt.see-full-list-btn")

or the recommended solution would be to use with explicit waits:

see_full_list_button = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "a.btn.btn-alt.see-full-list-btn")))
see_full_list_button.click()

Imports:

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

Answer from cruisepandey on Stack Overflow

Selenium Python

selenium-python.readthedocs.io › locating-elements.html

4. Locating Elements — Selenium Python Bindings 2 documentation

from selenium.webdriver.common.by import By driver.find_element(By.XPATH, '//button[text()="Some text"]') driver.find_elements(By.XPATH, '//button') The attributes available for the By class are used to locate elements on a page. These are the attributes available for By class: ID = "id" NAME = "name" XPATH = "xpath" LINK_TEXT = "link text" PARTIAL_LINK_TEXT = "partial link text" TAG_NAME = "tag name" CLASS_NAME = "class name" CSS_SELECTOR = "css selector"

reddit.com › r/learnpython › finding items with selenium by css selector using multiple attributes

r/learnpython on Reddit: finding items with selenium by CSS selector using multiple attributes

March 23, 2023 -

Hi all. I'm trying to use Selenium to find an element by CSS selector and although I've tried using the documentation, I think I'm misunderstanding something.

This is what I'm trying:

driver.find_element(By.CSS_SELECTOR,f"img [src='images/icons/new.gif'][alt='Add new item to list']").click()

This is the element I want to find and click:

<img src="images/icons/new.gif" alt="Add new item to list">

The error I get is as follows:

Exception has occurred: NoSuchElementException
Message: no such element: Unable to locate element: {"method":"css selector","selector":"img [src='images/icons/new.gif'][alt='Add new item to list']"}

I can see it's on the page, however, so I'm not sure what I'm missing. I can find other items using XPATH and ID so selenium is up and running, just to rule that out. Can anybody suggest anything?

(I'm using selenium 4.8.2 and python 3.11.1, if that helps)

Top answer

1 of 1

Your CSS selector is wrong - there shouldn't be a space between the img and the [src]. A space between items in a CSS selector means 'descendant of', so img[src] means an image with a src, but img [src] means an image with a descendant element which has a source. There probably aren't any of those on your page, so you're getting an error. In the future you can check whether your issue is with Selenium or with your CSS selector by trying out a Document.querySelector() call in your browser console to see if you can find the element with the selector you've written!

Discussions

Css Selector button click with selenium (python) - Stack Overflow

I am trying to click on a button using selenium. My code states it is unable to find the css_selector with said class name. The class name has spaces in it, which lead me to use the css_selector ob... More on stackoverflow.com

stackoverflow.com

python - How to located selenium element by css selector - Stack Overflow

I want to locate an element in selenium using css selector, and I use the program "copy css selector" and got: ... You might want to provide a bit more information. What language and libraries are you using? Python? JS? Java? what versions? I assume the "copy css selector" is in Chrome or some ... More on stackoverflow.com

stackoverflow.com

Selenium / Python - Selecting via css selector - Stack Overflow

Issue: Can not select from css selector specific element. Need to verify that the registered user can change their password successfully. I have tried the different attributes of the class to cal... More on stackoverflow.com

stackoverflow.com

May 22, 2017

Selenium | css-selector not found

Hi, I’m trying stuf with selenium. For some reason the selector I get isn’t found. code: #Importing libraries from selenium import webdriver import pandas as pd from selenium.webdriver.common.keys import Keys impor… More on forum.freecodecamp.org

forum.freecodecamp.org

April 1, 2021

Videos