我得到一个CSS文件：
div#header h1 {
z-index: 101;
color: #000;
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}
div#header h2 {
z-index: 101;
color: #000;
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}
我想要将{…}
div#header h1 {
border-bottom: 1px solid #dedede;
color: #000;
font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101;
}
div#header h2 {
border-bottom: 1px solid #dedede;
color: #000;
font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101;
}
我映射F7来做
nmap <F7> /{/+1<CR>vi{:sort<CR>
但是我需要一次又一次地按F7来完成工作。
如果CSS文件很大，这是耗时的很容易觉得无聊。
我想得到cmds管道。所以，我只按F7一次！
任何想法？谢谢！
:g#\({\n\)\@<=#.,/}/sort
说明：
g " Work over the whole file running .,/}/sort on each line that matches
" the pattern \({\n\)\@<=
#...#... " Delimiters: first bit is search pattern,second bit is what
" to do on each matching line
\( " Grouping,containing:
{\n " Open brace followed by new line
\) " End of grouping
\@<= " Negative look-behind,so match after the new-line,but make sure that
" the match point is preceded by an open brace and a new-line
.,/}/ " From this line to the next closing brace...
sort " Sort the lines
您当然可以将其映射到键盘快捷方式或将其转换为命令：
:nmap <F7> :g#\({\n\)\@<=#.,/}/sort<CR>
" Or:
:command! SortCSSBraceContents :g#\({\n\)\@<=#.,/}/sort
那么你可以简单地点击F7或运行：
:SortCSSBraceContents
