iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 24
0
自我挑戰組

vim不m系列 第 24

Day24 - visual block 的妙用

今天我們有以下這段 css

div.a { background-image: url('/images/bg/dark.png'); }
div.b { background-image: url('/images/bg/dark.png'); }
div.c { background-image: url('/images/bg/dark.png'); }

現在我們的資料夾路徑有了一些變動
改為 /img-bg/dark.png

該如何做呢?

<C-v>jj3e 選取要修改範圍

c 做修改

img-bg<Esc> 輸入後離開

div.a { background-image: url('/img-bg/dark.png'); }
div.b { background-image: url('/img-bg/dark.png'); }
div.c { background-image: url('/img-bg/dark.png'); }

這樣我們就大功告成啦


上一篇
Day23 - 表格像不像三分樣
下一篇
Day25 - 頭尾的 visaul block
系列文
vim不m30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言