Bird
Raised Fist0
Selenium Pythontesting~5 mins

XPath axes (parent, child, sibling) in Selenium Python

Choose your learning style10 modes available
Introduction

XPath axes help you find elements related to a known element on a webpage. This makes locating elements easier and more precise.

When you want to find the parent element of a known child element.
When you need to locate child elements inside a specific parent element.
When you want to find sibling elements next to a known element.
When the element you want does not have a unique ID or class but is related to another element.
When you want to navigate the webpage structure logically instead of guessing element positions.
Syntax
Selenium Python
/parent::tagname
/child::tagname
/following-sibling::tagname
/preceding-sibling::tagname

Use parent:: to move up to the parent element.

Use child:: to find direct children of the current element.

Use following-sibling:: or preceding-sibling:: to find siblings after or before the current element.

Examples
Find the section element that is the parent of the div with id 'main'.
Selenium Python
//div[@id='main']/parent::section
Find all li elements that are direct children of the ul with class 'menu'.
Selenium Python
//ul[@class='menu']/child::li
Find the p elements that come right after the h2 with class 'title' as siblings.
Selenium Python
//h2[@class='title']/following-sibling::p
Find the input element that is a sibling following the label with text 'Username'.
Selenium Python
//label[text()='Username']/following-sibling::input
Sample Program

This script opens a simple HTML page in a headless browser. It uses XPath axes to find:

  • The parent section of a div with id 'main'.
  • All li children of a ul with class 'menu'.
  • The p element following an h2 with class 'title'.
  • The input element following a label with text 'Username'.

It prints the results to show the correct elements were found.

Selenium Python
from selenium import webdriver
from selenium.webdriver.common.by import By

# Setup WebDriver (make sure chromedriver is in PATH)
from selenium.webdriver.chrome.options import Options
options = Options()
options.add_argument('--headless')
driver = webdriver.Chrome(options=options)

# Open a simple test page
html = '''
<html>
  <body>
    <section>
      <div id='main'>Content here</div>
    </section>
    <ul class='menu'>
      <li>Home</li>
      <li>About</li>
      <li>Contact</li>
    </ul>
    <h2 class='title'>Welcome</h2>
    <p>This is a paragraph after title.</p>
    <label>Username</label>
    <input type='text' />
  </body>
</html>
'''

# Load HTML content
driver.get('data:text/html;charset=utf-8,' + html)

# Find parent of div#main
parent_section = driver.find_element(By.XPATH, "//div[@id='main']/parent::section")
print('Parent tag of div#main:', parent_section.tag_name)

# Find children li of ul.menu
children_li = driver.find_elements(By.XPATH, "//ul[@class='menu']/child::li")
print('Number of li children in ul.menu:', len(children_li))

# Find following sibling p of h2.title
following_p = driver.find_element(By.XPATH, "//h2[@class='title']/following-sibling::p")
print('Text of following sibling p:', following_p.text)

# Find following sibling input of label 'Username'
input_elem = driver.find_element(By.XPATH, "//label[text()='Username']/following-sibling::input")
print('Tag of following sibling input:', input_elem.tag_name)

driver.quit()
OutputSuccess
Important Notes

Always test your XPath expressions in browser DevTools first to make sure they find the right elements.

Using axes like parent:: or following-sibling:: helps when elements don't have unique IDs.

Axes navigation can make your tests more stable and easier to understand.

Summary

XPath axes let you find elements related by parent, child, or sibling relationships.

They help locate elements more precisely when IDs or classes are missing.

Using axes improves test reliability and clarity.

Practice

(1/5)
1. Which XPath axis selects the direct parent of the current node?
easy
A. child::
B. parent::
C. following-sibling::
D. preceding-sibling::

Solution

  1. Step 1: Understand XPath axes

    XPath axes describe relationships between nodes, such as parent, child, or siblings.
  2. Step 2: Identify the axis for parent node

    The parent:: axis selects the direct parent of the current node.
  3. Final Answer:

    parent:: -> Option B
  4. Quick Check:

    Parent axis = parent:: [OK]
Hint: Parent axis always uses 'parent::' [OK]
Common Mistakes:
  • Confusing parent:: with child::
  • Using sibling axes to find parent
  • Forgetting axes syntax with double colons
2. Which of the following is the correct XPath syntax to select all child <li> elements of a <ul> element?
easy
A. //ul/parent::li
B. //ul/preceding-sibling::li
C. //ul/following-sibling::li
D. //ul/child::li

Solution

  1. Step 1: Understand child axis usage

    The child:: axis selects direct children of the current node.
  2. Step 2: Apply correct syntax for child li elements

    Using //ul/child::li selects all li children of ul.
  3. Final Answer:

    //ul/child::li -> Option D
  4. Quick Check:

    Child axis syntax = child:: [OK]
Hint: Use 'child::' to select direct children nodes [OK]
Common Mistakes:
  • Using parent:: instead of child::
  • Using sibling axes for children
  • Omitting the axis and expecting child selection
3. Given the following HTML snippet:
<div>
  <h2>Title</h2>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</div>

What does the XPath //h2/following-sibling::p[1] select?
medium
A. No element, XPath is invalid
B. The second p element inside the div
C. The first p element inside the div
D. The h2 element itself

Solution

  1. Step 1: Understand following-sibling axis

    The following-sibling::p[1] selects the first p sibling after the h2 node.
  2. Step 2: Apply to given HTML

    After h2, the first p is "Paragraph 1", so it selects that element.
  3. Final Answer:

    The first <p> element inside the <div> -> Option C
  4. Quick Check:

    following-sibling::p[1] = first p after h2 [OK]
Hint: following-sibling::p[1] picks first p after current node [OK]
Common Mistakes:
  • Selecting the second p instead of the first
  • Confusing preceding-sibling with following-sibling
  • Thinking it selects children instead of siblings
4. You wrote this XPath to select the previous sibling of a div element:
//div/preceding-sibling::div[1]
But it returns no elements. What is the most likely reason?
medium
A. The div has no preceding sibling div elements
B. The syntax is incorrect; axes cannot be used with //
C. You should use parent::div instead
D. preceding-sibling axis selects children, not siblings

Solution

  1. Step 1: Understand preceding-sibling axis

    The preceding-sibling::div[1] selects the immediate previous sibling div element.
  2. Step 2: Reason why no elements returned

    If no elements are returned, it means the current div has no preceding sibling div.
  3. Final Answer:

    The <div> has no preceding sibling <div> elements -> Option A
  4. Quick Check:

    preceding-sibling returns nothing if no previous siblings [OK]
Hint: No preceding sibling means empty result, not syntax error [OK]
Common Mistakes:
  • Thinking axes can't be used with //
  • Confusing parent:: with preceding-sibling::
  • Assuming preceding-sibling selects children
5. You want to select all span elements that are children of a div whose immediate parent is a section. Which XPath expression correctly uses axes to achieve this?
hard
A. //section/child::div/child::span
B. //div/parent::section/child::span
C. //section/parent::div/child::span
D. //span/parent::div/parent::section

Solution

  1. Step 1: Understand the hierarchy

    The span elements are children of div, and that div is a child of section.
  2. Step 2: Build XPath with axes

    //section/child::div/child::span selects span children of div children of section.
  3. Step 3: Check other options

    //div/parent::section/child::span selects span children of section, which is incorrect. //section/parent::div/child::span and D misuse axes or order.
  4. Final Answer:

    //section/child::div/child::span -> Option A
  5. Quick Check:

    Use child axes from section to div to span [OK]
Hint: Chain child:: axes from parent to target child [OK]
Common Mistakes:
  • Using parent:: in wrong direction
  • Selecting wrong node levels
  • Mixing sibling axes instead of child axes
Recommended

Ready to prove it?

Pass the test and this pattern moves unknown strong while earning +1 Grip toward your certificate.

10 questions~5 mineasy hard