Selenium Get First Child using XPath

In Selenium you can select first child element using xpath or css.

Table of Contents

1. Demo Website
2. Select First Child using XPath
3. Example

Demo Website

Demo Website:  http://www.automationpractice.com

We will click on the women tab using first child.

Selenium XPath First Child

Step 1: Select Parent

//ul[contains(@class,'menu-content')]

Step 2: Select all Child

//ul[contains(@class,'menu-content')]/li

Step 3: Select First Child using Index

//ul[contains(@class,'menu-content')]/li[1]

Example

public class AppTest 
{
    WebDriver driver;
	
    @BeforeClass
    public void befClass()
    {
        System.setProperty("webdriver.chrome.driver",System.getProperty("user.dir") + "//drivers//chromedriver");
        driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
        driver.get("http://www.automationpractice.com");
    }
	
    @Test
    public void LoginTest()
    {
        WebElement firstChildXPath = driver.findElement(By.cssSelector("//ul[contains(@class,'menu-content')]/li[1]"));
        
        firstChildXPath.click();
    }
}