/dev tips

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

(60) Edit HTML in the Console Panel Colour Palette (62)

Chrome DevTools: Simple keyboard tricks to use in the Styles Pane

22 Jul 2015
Simple keyboard tricks to use in the Styles Pane

You can Tab through the significant portions of a CSS Rule. This includes:

Did you know you can also Shift + Tab to cycle backwards?

Tabbing works through multiple rules.

If you start typing out a new property (like back), you might rely on autocompletion to get background, but you actually end up with background-colour. Even you're in the next field (the value field), simply hit backspace to highlight the previous field, at which point you can fix it.

While on the subject, you can delete a declaration (the property + value) by hitting backspace in either the property or value field and then hitting enter.

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