Finding elements using advanced CSS selectors
We saw some basic CSS selectors in earlier recipes. In this recipe, we will explore some advanced CSS selectors for finding elements.
How to do it...
In the Finding elements using CSS selectors recipe, we explored some basic CSS selectors. Let's explore advanced CSS selectors such as adjacent sibling combinators and pseudo-classes, as described in the following sections.
Finding child elements
The CSS selectors provide various ways to find child elements from parent elements.
For example, to find the Username field in the login form, we can use the following selector. Here, >
is used denote the parent and child relationship:
WebElement userName = driver.findElement(By.cssSelector("form#loginForm > input"));
Similarly, the nth-child()
method can be used in the following way:
WebElement userName = driver.findElement(By.cssSelector("form#loginForm :nth-child(2)"));
Here, the second element in <form>
is the Username field. The following table...