/dev tips

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

(77) The Network Asset Dependency Graph Hide Network Messages (79)

Chrome DevTools: Use the style rule toolbar to perform common operations

5 Nov 2015
Use the style rule toolbar to perform common operations

There's an experiment you can enable in Canary (Styles sidebar rule toolbar) which brings a new toolbar for style rules. This toolbar currently allows you to perform basic yet common operations such as add a background-color or color to an element. So if those properties do not already exist, there's no need to type them out as you're just a click away from adding them in.

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