CSS Selectors cheat sheet

Faster and more readable than XPath for most element queries.

Core selectors

Id / class

#login  .btn-primary

Attribute

input[name='email']

Starts / contains

a[href^='/docs']  div[class*='alert']

Multiple classes

.btn.btn-danger

Descendant / child

form input  vs  form > input

Adjacent sibling

label + input

nth-child

tr:nth-child(2)

Not

button:not([disabled])

Book a free demo class and apply these commands on live project work.