![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![Simple keyboard tricks to use in the Styles Pane](https://developer.chrome.com/static/blog/simple-keyboard-tricks-to-use-in-the-styles-pane/image/simple-keyboard-tricks-u-9aa09742c60cd.gif)

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

- A selector (e.g. h1)
- A property (e.g. color)
- A value (e.g. green)

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-color`. 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.