Поддержка Zen-кодирования для CSS в Web Essentials 2012 для Visual Studio

Я установил веб-основы 2012 для VS2012. Но, кажется, он не поддерживает дзен-кодирование для CSS?? или я что-то упустил?? пожалуйста помогите.. спасибо.

2 ответа

Решение

Web Essentials поддерживает только ZenCoding для HTML. Я решил подождать с реализацией CSS из-за богатой поддержки Intellisense и сниппетов в редакторах CSS. Скорее всего, они будут конфликтовать с ZenCoding

Вот пример, чтобы попробовать:

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

Нажмите клавишу [TAB], чтобы развернуть

Не забудьте нажать клавишу [tab] после ввода образца, чтобы расширить код дзен до реального HTML.

Пример выше расширится до следующего:

Zen-код расширенный просмотр HTML

Он будет отображаться в браузере так:

Дзен-код HTML-представление рендеринга

Другие вопросы по тегам