CODEWITHSUNDEEP
visual-studioemmetweb-essentials
designerNProgrammer
designerNProgrammer

Reputation: 2701

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

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.

Upvotes: 4

Views: 1358

Answers (2)

raddevus
raddevus

Reputation: 9077

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:

Zen code expanded html view

It will render in the browser to look like this:

Zen code html render view

Upvotes: 0

Mads Kvist Kristensen
Mads Kvist Kristensen

Reputation: 2620

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

Upvotes: 3

Related Questions