Examples with xpath and Css (ID, Name, Text and Links)

1. With ID : - //input[@id='email'] or  //*[@id='email']

   css - input#email or #email

2. With Name - //input[@name='email'] or  //*[@name='email']
    css - input[name=email] or [name=email]

3. or
css - input[name=email][value=Email or Phone]

4. text

css - div:contains('Sign')

5. links:

//a[@href='url']

css - a[href='url']

6. //div//a

css - div a

7. //div/a

css - div > a



8. class

<th id="tasksForm:taskTable:dynamicColumns:1" class="ui-state-default commandColumn">

css -    .ui-state-default.commandColumn

//div[@class='example']//a

css - div.example a

9.