Code By GK Logo
ResourcesCheatsheetsCSS Selector Cheatsheet

CSS Selector Cheatsheet

Every CSS selector you actually use, on one page

v1.0.0
free
5 downloads

About this resource

I made this for myself first. After years of writing locators I kept Alt-Tabbing to the docs for the same handful of things - combinators, nth-child math, attribute matching, specificity gotchas. So I condensed everything useful onto a single reference sheet.

It's not a tutorial or a beginner guide. It's a dense, organised reference - the kind you pin next to your monitor or keep as a second monitor split. Every entry is a real selector you'll reach for in production locators, nothing filler.

Free because good references should be free. If it saves you 20 minutes in your first week, it's done its job.

CSSSeleniumPlaywrightPDF

What's included

Single-page PDF reference

Everything on one page - designed for print (A3/A4) and screen at 150% zoom

Organised by topic

Combinators → Pseudo-classes → Attributes → Specificity → Recipes - sections you can jump to in seconds

Instant download

No email required, no account needed - grab the PDF and open it immediately

Who this is for

QA engineers writing locators across Selenium, Playwright, or Cypress
Busy engineers who need a quick lookup without leaving the editor
Teams standardising locator strategy across different experience levels
Anyone debugging brittle CSS selectors in existing test suites
Free forever, no sign-up required
Lifetime access – yours forever
Free updates included

Related

You might also like