用于Visual Studio的Web Essentials 2012中的CSS编码支持

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: