CSS SELECTORS: A VISUAL GUIDE & REFERENCE

Summary from the TLDR Web Dev newsletter

CSS selectors are patterns in CSS that can select and style HTML elements on the page. There are more advanced usages of selectors, such as pseudo classes and elements, which let you define style for elements based on their state or relation with other elements. This is a comprehensive visual guide of all sorts of ways you can select elements from CSS, from basic class selectors like .my-class to interesting patterns like the lobotomized owl.