school Are you a developer in an agency in the UK, Indonesia or India? Find out more about our free 2 day Progressive Web Apps training .

Simple keyboard tricks to use in the Styles Pane

Simple keyboard tricks to use in the Styles Pane

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