Learn how CSS works under the hood, how to optimize your CSS for performance and buttery-smooth animations, and discover a few features CSS has to offer you might not have know about but should be using. Plus, a few ninja SCSS tricks to boot.
▸ ID, e.g. #header ▸ Class, e.g. .promo ▸ Type, e.g. div ▸ Adjacent sibling, e.g. h2 + p ▸ Child, e.g. li > ul ▸ Descendant, e.g. ul a ▸ Universal, i.e. * // Attribute, e.g. [type="text"] ▸ Pseudo-classes/-elements, e.g. a:hover
/* default color */ :root { --color: blue; } div { --color: green; } .myclass { --color: red; } /* applies the --color property at all the above levels */ * { color: var(--color); } blue green