First paragraph of the article.
Second paragraph with more content.
- List item one
- List item two
- List item three
Loading challenge...
Nested Elements
Navigate through nested DOM structure
Nested Divs
Practice traversing deeply nested DOM structures
Level 1
Level 2
Level 3
Level 4
This is the deepest nested element!
Sibling Elements
Use sibling selectors to traverse horizontally
First Sibling
Second Sibling
Third Sibling
Mixed Content
Article structure with header, body, and footer
Testing Tips
Automation hints
- ✓ Navigate nested levels using chained selectors:
#level-1 #level-2 #level-3 - ✓ Locate
#deepest-textwith XPath or CSS descendant combinator - ✓ Use sibling selectors
+ ~to traverse#sibling-1,#sibling-2,#sibling-3 - ✓ Test article structure by locating
#article-header,#article-body,#article-footer - ✓ Use
locator().first()and.last()for first/last child selection
