【问题标题】:Zen coding support for CSS in Web Essentials 2012 for Visual StudioZen 编码支持 Web Essentials 2012 for Visual Studio 中的 CSS
【发布时间】:2013-01-10 10:31:55
【问题描述】:

我已经为 VS2012 安装了 Web Essentials 2012。 但它似乎不支持 css 的 zen 编码? 还是我错过了什么? 请帮忙.. 谢谢。

【问题讨论】:

    标签: visual-studio emmet web-essentials


    【解决方案1】:

    Web Essentials 仅支持 ZenCoding for HTML。由于 CSS 编辑器丰富的 Intellisense 和 sn-p 支持,我决定等待 CSS 实现。它们很可能会与 ZenCoding 发生冲突

    【讨论】:

    • 还请提及您需要使用 TAB 键来扩展它的地方。对初学者(比如我)来说一点也不明显
    • Jaysun,我只是要求对 css 的 zen 编码支持,现在它已经完成了。好吧,如果您想查看文档,请转到此处visualstudiogallery.msdn.microsoft.com/…
    【解决方案2】:

    这是一个可以尝试的示例:

    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}
    

    按 [TAB] 键展开

    输入示例后记得按 [tab] 键,将 zen 代码扩展为真正的 HTML。

    上面的示例将扩展为以下内容:

    它将在浏览器中呈现如下:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-07-12
      • 1970-01-01
      • 1970-01-01
      • 2015-04-22
      • 1970-01-01
      • 1970-01-01
      • 2015-11-29
      相关资源
      最近更新 更多