Simple keyboard tricks to use in the Styles Pane

Published on Updated on

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

Updated on Improve article

Back

DevTools Digest - Aggregated Timeline Details, Color Palettes and more

Next

New Release of Material Design Lite - 1.0.4

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.