CSS Selectors — Advanced

// :first-child — first child of its parent
driver.findElement(By.cssSelector("ul li:first-child"));

// :last-child — last child of its parent
driver.findElement(By.cssSelector("ul li:last-child"));

// :nth-child(n) — the nth child (1-based)
driver.findElement(By.cssSelector("table tr:nth-child(2)"));
// 2nd row of the table (often the first data row)

driver.findElement(By.cssSelector(".product-item:nth-child(3)"));
// 3rd product card

// :nth-child(odd) and :nth-child(even)
driver.findElements(By.cssSelector("table tr:nth-child(odd)"));
// 1st, 3rd, 5th rows...

// :nth-child(3n) — every 3rd item
driver.findElements(By.cssSelector("li:nth-child(3n)"));
// 3rd, 6th, 9th...

// :not() — exclude elements matching a selector
driver.findElements(By.cssSelector("input:not([type='hidden'])"));
// All visible inputs (excludes hidden ones)

driver.findElements(By.cssSelector(
    ".product-item:not(:first-child)"));
// All products except the first one

// :disabled and :enabled
driver.findElements(By.cssSelector("button:disabled"));
driver.findElements(By.cssSelector("input:enabled"));

// :checked — for selected checkboxes and radio buttons
driver.findElements(By.cssSelector(
    "input[type='checkbox']:checked"));

// Banking Portal Login Page
driver.get("https://www.testerrank.com/banking/login");

WebElement userId = driver.findElement(
    By.cssSelector("[data-testid='userId']"));
WebElement password = driver.findElement(
    By.cssSelector("[data-testid='password']"));
WebElement loginBtn = driver.findElement(
    By.cssSelector("[data-testid='loginBtn']"));
WebElement otpLoginBtn = driver.findElement(
    By.cssSelector("[data-testid='otpLoginBtn']"));
WebElement rememberMe = driver.findElement(
    By.cssSelector("[data-testid='rememberMe']"));
WebElement registerLink = driver.findElement(
    By.cssSelector("[data-testid='registerLink']"));

// Banking Portal Dashboard
driver.get("https://www.testerrank.com/banking/dashboard");

WebElement welcomeUser = driver.findElement(
    By.cssSelector("[data-testid='welcomeUser']"));
WebElement balance = driver.findElement(
    By.cssSelector("[data-testid='accBal1']"));
WebElement firstTxn = driver.findElement(
    By.cssSelector("[data-testid='txnRow-0']"));
WebElement fundTransfer = driver.findElement(
    By.cssSelector("[data-testid='qa-FundTransfer']"));

// Shopping Portal Catalog Page
driver.get("https://www.testerrank.com/shopping/catalog");

WebElement searchBox = driver.findElement(
    By.cssSelector("[data-testid='search-box']"));
WebElement clearFilters = driver.findElement(
    By.cssSelector("[data-testid='clear-filters']"));
WebElement electronicsFilter = driver.findElement(
    By.cssSelector("[data-testid='cat-filter-electronics']"));
WebElement priceMin = driver.findElement(
    By.cssSelector("[data-testid='price-min']"));
WebElement priceMax = driver.findElement(
    By.cssSelector("[data-testid='price-max']"));
WebElement resultCount = driver.findElement(
    By.cssSelector("[data-testid='result-count']"));

// All product cards
List<WebElement> allProducts = driver.findElements(
    By.cssSelector("[data-testid='product-item']"));

// Specific product by ID
WebElement product1Name = driver.findElement(
    By.cssSelector("[data-testid='product-name-1']"));
WebElement addToCart1 = driver.findElement(
    By.cssSelector("[data-testid='add-to-cart-1']"));