How to auto-complete CSS syntax in Vim

Being the language used in website designs, CSS is one of the languages supported by Vim's autocomplete feature.

Enter the following while in Vim's command mode to start using the feature.

:set omnifunc=csscomplete#CompleteCSS

That will enable CSS auto-completion in Vim. To use it, press Ctrl + x followed by Ctrl + o while partially typing CSS codes.

The following is a sample screenshot.

You can use the arrow key to navigate through the list to choose your desired auto-complete suggestion.

To automatically enable CSS auto-complete every time opening a CSS file, add the following line to your ~/.vimrc;

autocmd FileType css set omnifunc=csscomplete#CompleteCSS