CSS Selectors and Modern Features Cheat Sheet
A 2-page reference for selectors, custom properties and modern CSS: 15 short entries with copy-ready code.
ForDevelopers
// Basic selectors
p { }
.card { }
#main { }
// Combinators
.nav a { }
.nav > li { }
h2 + p { }
h2 ~ p { }
// Attribute selectors
a[href^="https"] { }
input[type="email"] { }
// Pseudo-classes
a:hover { }
li:nth-child(2n) { }
input:focus-visible { }
li:not(.done) { }
// :is() and :where()
:is(h1, h2, h3) a { }What's inside
- Format
- PDF, Markdown
- Contents
- 15 sections · 2 pages
- Version
- 1.0 · Updated 3 Oct 2026
- Licence
- Commercial What this means
- Checked
- Checked before it ships
- css-selectors-and-modern-features-cheat-sheet.pdfPDF · 21 KB
- css-selectors-and-modern-features-cheat-sheet.mdMarkdown · 2 KB
- LICENSE.txtadded to every download
About this item
A compact, printable reference for selectors, custom properties and modern CSS. Each of the 15 entries has a one-line explanation and a small example you can paste into your editor. The PDF uses a two-column A4 layout designed to sit next to your keyboard, and the same content ships as Markdown so you can search it or drop it into your notes. Every CSS example targets CSS 2024.
- Custom properties
- CSS
- Modern CSS
- Selectors
- Cheat sheet
Reviews
No reviews yet.