css - 在 Vim 中删除图案周围的线条

标签 css vim

有一个 css 文件,我想做两件事:

1) 删除所有 webkit 关键帧和周围的空白字符,如:

@keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

2) 删除所有 webkit 前缀属性和周围的空白字符,如:

-webkit-transform: translate3d(100%, 0, 0);

我尝试使用 %s 但它不起作用(也许我的构造不正确)

执行此操作的最佳方法是什么?

最佳答案

解决方案是全局:g命令。

对于你的第一部分,它看起来像这样:

:g/@^keyframes/norm d}

这意味着在匹配模式 ^@keyframes 的每一行上执行 norm d} norm 允许给 block 一个正常的命令。 d 删除整个 block 。

第二个例子更简单,我们可以使用带有d标志的:g命令:

:g/^-webkit/d

d 就是删除的意思。

既然你提到了空格,也许这些行应该是这样的:

:g/@^keyframes/norm d}dk

删除 block 前后一行,或保留一行:

:g/@^keyframes/norm d}dd

第二个例子也是如此:

:g/^-webkit/norm dj

如果您也想删除以下行。

关于css - 在 Vim 中删除图案周围的线条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46689384/

相关文章:

css - 阻止 "Hover Zoom"插件显示缩放的 img(或向 img div 添加类)

vim - 如何在不丢失更改的情况下在 vim 中重新加载文件的属性

vim - 是否可以清除gVIM中的消息历史记录?

html - CSS 类冲突

css - Bootstrap 破坏了生产中的行单元格

vim - 在多行上使用 vim 的 f 命令

regex - VIM - 将普通模式函数转换为命令模式函数

php - VIM php语法错误

html - Canvas 顶部 <div> 中的文本 - bootstrap

html - 在 html5 中对齐图像