[Selenium] The most commonly used CSSSelector

CSSSelector

Example

Description

element.element

div.dropdown

Select all  <div> elements whose class=“dropdown”

element#element

div#new-input

Select all <div> elements whose id =“new-input”

element element

div p

Select all <p> elements who are under <div> element

element>element

div>p

Select all <p> elements whose father is <div> element

[attribute]

div[rowid]

Select all <div> elements who has attribute rowid

[attribute=value]

input[value=‘OK‘]

Select all <input> elements whose attribute value is ‘OK’

[attribute*=value]

a[src*=‘abc’]

Select all <a> elements whose attribute src contains  ‘abc’

:nth-child(n)

p:nth-child(2)

Select all <p> elements who is the second child of its  father