I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit: It's a one-liner that toggles the class on the <body> so you can

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

It’s a one-liner that toggles the class on the <body> so you can mock up different states and toggle between them on click. I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit. Could be on any element as well!

Body Toggle

<p>From the title and “1 minute” reading time, I couldn’t imagine what this article would include–honestly, I clicked it more out of a sense of curiosity than a sense it would be useful.  It was very useful.  Great tip without wasting any time. Thank you.</p>


<p>An very interesting and useful tip.</p>
