Using regular expression in XPATH and CSS

Xpath

/html/body/ul
 
CSS
html>body>ul
 
xpath
//div[@class='searchBarNew']

CSS

input[id='searchBar']
 

div[class='searchBarNew'] input[id='searchBar']

css contains
div[class*='searchBar']
 

Using regular expression in XPATH  and CSS  

Xpath Contains
//div[contains(@class,'searchBar')]

Xpath Starts-With

//li[starts-with(@class,'samsclubmenu')]

CSS starts-with
li[class^='samsclubmenu']
 

End-with in  XPATH

//li[substring(@class,string-length(@class)-string-length('menuList')+1)='menuList']
or
//li[contains(concat(' ',@class),'menuList')]
 

CSS End-with
li[class$='menuList']


Middle of the string using xpath
//ul[contains(concat(' ',@class,' '),'dropShadow')]

CSS
ul[class~='dropShadow']

CSS multiple attributes with and condition

input[id='searchBar'][value*='Search']
Xpath muilple attributes with and condition

//input[@id='searchBar' and @value='Search']

CSS multiple attributes with or condition

input[id='searchBar'],[value*='Search']

Xpath multiple attributes with or condition

//input[@id='searchBar' or @value='Search']