revert do in CSS?
And how is it different from unset or initial?
I’ve often used initial and unset in my CSS –
global keywords that can be applied to any property.
The difference is small, but important:
unset allows inheritance,
while initial does not.
But then Firefox implemented revert and I was confused –
how is this one different from the others?
It turns out revert is the one I wanted all along.
It rolls back styles to the expected browser default for each element,
rather than using the specification default for each property.
Brad chats with Miriam Suzanne about pottery, theater, CSS, and why we shouldn’t just accept AI as the way. Miriam describes their through-line as collaborative creativity across pottery, theater, client work, and CSS standards, arguing process shapes results and that CSS is inherently collaborative with users, browsers, and devices.
CSS anchor positioning simplifies popovers and dropdowns, and also unlocks new creative possibilities. James joined Jason to teach and explore anchor positioning in live code.
I joined Geoff Graham for a Smashing live stream to talk about CSS, web standards, music, and more!