Zen coding support for CSS in Web Essentials 2012 for Visual Studio

Question

i'Ve installed web essentials 2012 for VS2012. But it seems it doesen't support zen coding for css?? or am i missing something?? please help.. thanks.

Answer 1

Web Essentials only supports ZenCoding for HTML. I decided to wait with the CSS implementation because of the CSS editors rich Intellisense and snippet support. They would most likely conflict with ZenCoding

Answer 2

Here's a sample to try :

h1{Good Example}#test.classname+#sibling1{div sibling1 text}+#sibling2{div sibling2 text}+h2{header2 text}+ul>li>a[href="http://stackoverflow.com"]{stackoverflow link}^li>a[href="http://codeproject.com"]{codeproject link}

Hit [TAB] Key to Expand

Remember to hit [tab] key after typing the sample, to expand the zen code to real HTML.

The sample above will expand to the following:

It will render in the browser to look like this: