/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(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.