css를 가진 색깔 그리고 vim


15

웹 개발을 위해 우분투에서 vim을 사용하기 시작했습니다. 이제 해상도를 넣을 때 미디어 쿼리 CSS를 사용할 때 시각적 문제가 있습니다.

정력

보시다시피 첫 번째 미디어 화면은 제대로 작동하지만 두 번째 미디어 화면은 제대로 작동하지 않습니다.

첫 번째 CSS 미디어 쿼리처럼 보이도록이 문제를 해결할 수있는 방법이 있습니까?

답변:


13

HTML5 및 CSS3 미디어 쿼리에 사용하는 내용은 다음과 같습니다.

먼저 폴더를 만듭니다. mkdir -p ~/.vim/after/syntax/css

그런 다음 편집하십시오 vi .vim/after/syntax/html.vim.

" Vim syntax file
" Language: HTML (version 5)
" Maintainer: Rodrigo Machado <rcmachado@gmail.com>
" URL: http://rm.blog.br/vim/syntax/html.vim
" Last Change: 2009 Aug 19
" License: Public domain
" (but let me know if you liked it :) )
"
" Note: This file just adds the new tags from HTML 5
" and don't replace default html.vim syntax file

" HTML 5 tags
syn keyword htmlTagName contained article aside audio bb canvas command datagrid
syn keyword htmlTagName contained datalist details dialog embed figure footer
syn keyword htmlTagName contained header hgroup keygen mark meter nav output
syn keyword htmlTagName contained progress time ruby rt rp section time video

" HTML 5 arguments
syn keyword htmlArg contained autofocus placeholder min max step
syn keyword htmlArg contained contenteditable contextmenu draggable hidden item
syn keyword htmlArg contained itemprop list subject spellcheck
" this doesn't work because default syntax file alredy define a 'data' attribute
syn match htmlArg "\<\(data-[\-a-zA-Z0-9_]\+\)=" contained

syn include @htmlCss syntax/css/css3-mediaqueries.vim

그리고 vi .vim/after/syntax/css/css3-mediaqueries.vim와 넣어 :

syn region cssMediaType start='(' end=')' contains=css.*Attr,css.*Prop,cssComment,cssValue.*,cssColor,cssURL,cssImportant,cssError,cssStringQ,cssStringQQ,cssFunction,cssUnicodeEscape nextgroup=cssMediaComma,cssMediaAnd,cssMediaBlock skipwhite skipnl
syn match cssMediaAnd "and" nextgroup=cssMediaType skipwhite skipnl
syn clear cssMediaBlock
syn region cssMediaBlock contained transparent matchgroup=cssBraces start='{' end='}' contains=cssTagName,cssSelectorOp,cssAttributeSelector,cssIdentifier,cssError,cssDefinition,cssPseudoClass,cssComment,cssUnicodeEscape,cssClassName,cssURL

1
+ bookofzeus 하단의 github 링크가 끊어졌습니다.
Meitham
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.