zen 编码的父选择器答案

【问题标题】：Parent selector for zen-codingzen 编码的父选择器
【发布时间】：2011-07-05 04:58:27
【问题描述】：

我刚刚发现了 zen-coding。

我有以下要生成的代码 sn-p。

<div id="base">
        <div id="header">
            <div id="logo"></div>
        </div>
        <div id="body"></div>
        <div id="footer"></div>         
</div>

有没有办法用一行禅码来做到这一点

我知道我会写

div#base>div#header>div#logo

这是我卡住的地方，因为我不知道如何返回并添加正文和页脚 div（页眉的兄弟姐妹）。

我想弄清楚这是否/如何可以在一行中完成。

谢谢！ :)

【问题讨论】：

标签： html emmet

【解决方案1】：

这适用于我的 ZenCoding for Notepad++

div#base>(div#header>div#logo)+div#body+div#footer

【讨论】：

【解决方案2】：

对 Jonathon Bolster 的回答的补充：

爬上父标签/树的其他技巧：

您可以使用运算符

  circumflex accent: ^

来自 emmet（zencoding 的继承者）

来源： http://docs.emmet.io/cheat-sheet/

或者你可以使用

  less than symbol: &lt;

来自 sparkup（zencoding 的分支）

来源： https://github.com/rstacruz/sparkup

【讨论】：