Post History

How do I type something different at each cursor when using multi-cursor editing in VS Code?

For example, say I have this CSS:

```css
.ocean {}
.land {}
.sky {}
```

I want to give each of them a `background-color`, so I use [multi-cursors](https://code.visualstudio.com/docs/editing/codebasics#_multiple-selections-multi-cursor) and type:

```css
.ocean { background-color: }
.land { background-color: }
.sky { background-color: }
```

Now how do I type a different colour for each one? Say `blue`, `green`, `lightblue`.

I would love to have a keybinding to rotate through the cursors and type one colour at a time, then go right back to multi-cursor editing so I could add the trailing semicolon and more CSS declarations inside each block.

The best workaround I've found is to open a text file and type one item per line, then copy-paste it into the CSS. Thankfully multi-cursors handles this correctly.

```none
blue
green
lightblue
```

_Note: This is based on [this Stack Overflow question](https://stackoverflow.com/questions/49248296/is-it-possible-to-type-different-value-for-multiple-cursors "Is it possible to type different value for multiple cursors?"), but more specific (not a sequence of numbers, and not about Sublime). I'll post my own answer here shortly._