Skip to content
Related Articles

Related Articles

find_element_by_css_selector() driver method – Selenium Python

View Discussion
Improve Article
Save Article
  • Last Updated : 24 Nov, 2021

Selenium’s Python Module is built to perform automated testing with Python. Selenium Python bindings provide a simple API to write functional/acceptance tests using Selenium WebDriver. After you have installed selenium and checked out – Navigating links using the get method, you might want to play more with Selenium Python. After one has opened a page using selenium such as geeksforgeeks, one might want to click some buttons automatically or fill a form automatically or any such automated task. 

This article revolves around how to grab or locate elements in a webpage using locating strategies of Selenium Web Driver. More specifically, find_element_by_css_selector() is discussed in this article. With this strategy, the first element with the matching CSS selector will be returned. If no element has a matching CSS selector, a NoSuchElementException will be raised.

Syntax – 

driver.find_element_by_css_selector("CSS Selectors")

Example – 

For instance, consider this page source: 

HTML




<html>
 <body>
  <p class="content">Site content goes here.</p>
 
</body>
<html>

Now after you have created a driver, you can grab an element using – 

content = driver.find_element_by_css_selector('p.content') 

How to use driver.find_element_by_css_selector() method in Selenium?

Let’s try to practically implement this method and get an element instance for “https://www.geeksforgeeks.org/”. Let’s try to grab search form input using its id “GSC-i-id2”. 

Create a file called run.py to demonstrate find_element_by_css_selector method –  

Python3




# Python program to demonstrate
# selenium
 
# import webdriver
from selenium import webdriver
 
# create webdriver object
driver = webdriver.Firefox()
 
# enter keyword to search
keyword = "geeksforgeeks"
 
# get geeksforgeeks.org
 
# get element
element = driver.find_element_by_css_selector("input.gsc-i-id2")
 
# print complete element
print(element)

Now run using – 

Python run.py

First, it will open the firefox window with geeksforgeeks, and then select the element and print it on the terminal as shown below. 

Browser Output – 

find_element-driver-method-Selenium-Python

Terminal Output – 

terminal-output-find_element-method-Python-selenium

More locators for locating single elements

LocatorsDescription
find_element_by_idThe first element with the id attribute value matching the location will be returned.
find_element_by_nameThe first element with the name attribute value matching the location will be returned.
find_element_by_xpathThe first element with the XPath syntax matching the location will be returned.
find_element_by_link_textThe first element with the link text value matching the location will be returned.
find_element_by_partial_link_textThe first element with the partial link text value matching the location will be returned.
find_element_by_tag_nameThe first element with the given tag name will be returned.
find_element_by_class_namethe first element with the matching class attribute name will be returned.
find_element_by_css_selectorThe first element with the matching CSS selector will be returned.

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!