Question

我刚刚发现了zen-coding。

我想要生成以下代码片段。

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

有没有办法用一行zen-code

来做到这一点

我知道我可以写

div#base>div#header>div#logo

这是我被卡住的地方，因为我不知道，我怎么能回去添加正文和页脚div（标题的兄弟姐妹）。

我想知道是否/如何在一行中完成。

谢谢！：）

Answer 1

这适用于使用Zen Coding for Notepad ++

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

Answer 2

除了乔纳森·博尔斯特的回答之外，

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

您可以使用运营商

  circumflex accent: ^

来自emmet（zencoding的继任者）

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

或者您可以使用

less than symbol: <

来自sparkup（zencoding的分支）

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

用于zen编码的父选择器

2 个答案: