CSS Cheatsheet

Selectors Colors & Units Typography Box Model Display Position Flexbox Grid Backgrounds Borders Sizing Overflow Transitions Animations Transform Media Queries Variables Inheritance Specificity Z-index Shadows Filters Cursors Print Styles

Selectors

Selector
/* Basic */
p { color: red; }
/* Class */
.box { ... }
/* ID */
#main { ... }
/* Descendant */
nav ul li { ... }
/* Attribute */
a[target] { ... }
/* Pseudo-class */
a:hover { ... }
/* Pseudo-element */
p::first-line { ... }