Deniz Akşimşek | | Bookmark 🔖 Improve the readability of the content on your website - Tutorial - Piccalilli

a:not([class]) {
color: currentColor;
}

We qualify elements with the :not pseudo class because if you have a link that’s supposed to look like a button that has a .button class on it, you don’t want global link styling to get in the way of the styling that .button generates, so this approach helps that.

.flow > * + * {
margin-top: var(--flow-space, 1em);
}

You might be thinking, “why the heck is there no margin?”. That’s because we have this CSS reset loaded in to our HTML.

[…]

p,
li
{
max-width: 60ch;
}

h1 {
max-width: 15ch;
}

h2,
h3
{
max-width: 25ch;
}