I've had this image forever, and I refer to it all the time.

For some reason, even with all the CSSing I do, I continuously forget which parts are called what. Thank you, kind JPG, for reminding me!

#css

@pixelambacht this image should be updated to include custom idents now that those are starting to be used in a lot of new specs
@pixelambacht so I went and checked myself on this and turns out I was thinking of dashed-ident instead. This is sort of blowing my mind but it looks like custom-ident is the old version of this concept (e.g. values for animation-name, counter-name) and dashed-idents are the newer version of the same thing with the requirement of the double dashes upfront (e.g. custom properties, anchor-name, etc) https://developer.mozilla.org/en-US/docs/Web/CSS/dashed-ident TIL!
<dashed-ident> - CSS: Cascading Style Sheets | MDN

The <dashed-ident> CSS data type denotes an arbitrary string used as an identifier.

MDN Web Docs
@doctype_jon Hmm, yeah, I guess that needs a spot on the cheat sheet! I don't have time to make one, but it'd be nice to include that, indeed.