用于 zen 编码的父选择器

发布于 2024-10-19 07:57:03 字数 499 浏览 9 评论 0原文

我刚刚发现了禅宗编码。

我想生成以下代码片段。

<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(标题的兄弟姐妹)。

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

谢谢! :)

I just discovered zen-coding.

I have the following snippet of code I want to generate.

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

Is there a way to do this with one line of zen-code

I know I can write

div#base>div#header>div#logo

this is where I get stuck, cause I don't know, how I can go back and add body and footer divs(siblings of header).

I want to figure out if/how this can be done in one line.

Thanks! :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

念三年u 2024-10-26 07:57:04

除了 Jonathon Bolster 的答案:

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

  • 您可以使用
  circumflex accent: ^ 

emmet ( zencoding 的后继者)

源中的运算符:
http://docs.emmet.io/cheat-sheet/

  • 使用
  less than symbol: < 

或者您可以从sparkup (zencoding 的分支)

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

addition to Jonathon Bolster's answer:

other trick for climb up parent tag / tree:

  • you can using operator
  circumflex accent: ^ 

from emmet ( successor of zencoding )

source:
http://docs.emmet.io/cheat-sheet/

  • or you can using
  less than symbol: < 

from sparkup ( fork of zencoding )

source:
https://github.com/rstacruz/sparkup

抽个烟儿 2024-10-26 07:57:03

这对我来说适用于 ZenCoding for Notepad++

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

This works for me with ZenCoding for Notepad++

div#base>(div#header>div#logo)+div#body+div#footer
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文