/dev tips

🎊   Announcing the new DevTools Pre Launch ModernDevTools.com - A discount, and no subscription fees during this pre-launch period   🎊

(86) New and improved Sass debugging & authoring CPU Throttling (88)

Chrome DevTools: Use the toggle element classes feature for instant visual feedback

22 Dec 2015
Use the toggle element classes feature for instant visual feedback

You can toggle individual element classes (for example .btn, .btn-primary or .text-nowrap) in the DevTools styles pane. Just click the icon labelled .cls.

This can be especially useful when an element has many utility classes applied to it.

Warning: This feature is currently in Canary.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.