在多选/多光标vscode / atom中的光标之间顺序导航

Question

Multi-Select非常有用，但我发现自己经常寻找的一个功能是能够在div之间放置10个游标，然后在游标之间导航以输入该选择所特有的信息。

例如，如果我有当前代码：

<nav className='new-post-nav'>
    <Link to='/posts/new'>
      <i className='logo-text'>&#60023;</i>
      <span>Text</span>
    </Link>
    <Link to='/posts/new'>
      <i className='logo-photo'>&#60019;</i>
      <span>Photo</span>
    </Link>
    <Link to='/posts/new'>
      <i className='logo-quote'>&#60021;</i>
      <span>Quote</span>
    </Link>
    <Link to='/posts/new'>
      <i className='logo-link'>&#60016;</i>
      <span>Link</span>
    </Link>
    <Link to='/posts/new'>
      <i className='logo-chat'>&#60012;</i>
      <span>Chat</span>
    </Link>
    <Link to='/posts/new'>
      <i className='logo-audio'>&#60010;</i>
      <span>Audio</span>
    </Link>
    <Link to='/posts/new'>
      <i className='logo-video'>&#60025;</i>
      <span>Video</span>
    </Link>
  </nav>

我想单独更新类名，我想在每个className中进行多选，然后逐个添加文本。

有没有插件或方法可以做到这一点？我正在寻找vscode或atom中的插件或快捷方式。

谢谢！