代码之家 › 专栏 › 技术社区 › JDevenyi

使用Pug在HTML内容的两侧放置标签

pug html

JDevenyi · 技术社区 · 2 年前

我是一名网络开发新手,正在使用Pug完成一项Node JS学校作业。我一直在努力弄清楚如何在父标签内容的两侧放置两个标签。

例如,如果我想实现如下HTML:

<h2>
    <span>
        Span Content
    </span>
    H2 Content
    <span>
        Span Content
    </span>
</h2>

如何使用Pug获得高于H2含量的第一个span标签?

谢谢你的帮助,我真的很感激!

1 回复 | 直到 2 年前

sean-7777 2 年前

你会的

h2
  span Span Content
  | H2 Content
  span Span Content

提交给:

<h2>
  <span>Span Content</span>
  H2 Content
  <span>Span Content</span>
</h2>

烟斗 | 指示该行其余部分的纯文本。如果你需要一个大的积木,你可以使用 . ,例如:

p.
  all my text
  all my text
  all my text
  all my text
  all my text

提交给:

<p>
  all my text
  all my text
  all my text
  all my text
  all my text
</p>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前