id
name
cssSelector
Xpath
className
tagName
linkText
partialLinkText

Xpath - Firebug and Firepath - Chropath
-----------
<input type="email" class="whsOnd zHQkBf" jsname="YPqjbf" autocomplete="username" spellcheck="false" tabindex="0" aria-label="Email or phone" name="identifier" autocapitalize="none" id="identifierId" dir="ltr" data-initial-dir="ltr" data-initial-value="" badinput="false">


//tagName[@attribute='value'] - Relative Xpath, Absolute xpath, partial xpath


//input[@name='identifier'][@id='identifierId']

//input[@name='identifier' and @id='identifierId']


//input[@id='identifierId']


//*[@id="identifierId"]
//*[@id="identifierId"]

//input[@name='q']

//*[@id="view_container"]/div/div/div[2]/div/div[1]/div/form/content/section/div/content/div[1]/div/div[1]/div/div[1]

//html/

<input type="submit" class="button" value="Submit">
<input type="submit" class="button" value="Submit">`

XPATH SYNTAX
-----------------
//tagName[@attribute='value']
//tagName[@attribute='value'][@attribute='value'][@attribute='value']
//tagName[starts-with(@attribute,'value')]
//tagName[contains(@attribute,'value')]
//tagName[text()='value']
//tagName[contains(text(),'partialvalue')]
//tagName[@attribute='value']/..
//tagName[@attribute='value']/parent::tagname
//tagName[@attribute='value']/following-sibling::tagname
//tagName[@attribute='value']/preceding-sibling::tagname[1]

CSS SYNTAX
-------------------
input[id='identifierId']
input[id='identifierId'][type='email']
input[id^='identifie'] - starts-with
input[id$='tifierId'] - ends-with
input[id*='tifier'] - contains
#identifierId - id
tagName - tagName
.Xb9hP - className
input#identifierId.whsOnd.zHQkBf[type='email']
div.aCsJod.oJeWuf > div > div:first-child
div.aCsJod.oJeWuf > div > div:last-child
div.aCsJod.oJeWuf > div > div:nth-child(2)
div[jsname='dWPKW'] > div > div > div > div:nth-child(2)