如何在 JADE/PUG 模板文件中编写 CSS答案

【问题标题】：How to write CSS within JADE/PUG template files如何在 JADE/PUG 模板文件中编写 CSS
【发布时间】：2019-07-25 22:16:11
【问题描述】：

我基本上是在尝试实现以下目标：

<div class="mdl-tooltip" for="tt1">

在 .pug 文件中。我知道如何包含 css，但不确定从哪里开始寻找信息以包含目标部分 for="tt1"。

在我真正寻求答案之前，有人能指出我找到答案的正确方向吗..！

所以我到目前为止是：

button.mdl-button.mdl-js-button About
 i#about.material-icons.accent info
 .mdl-tooltip(for="#about") About the Site

唉，这似乎没有产生工具提示..！当我查看输出源时，据我所知，html 的格式都是正确的。

<button class="mdl-button mdl-js-button mdl-button--colored nav">About&nbsp;&nbsp;<i class="material-icons accent" id="about">info</i>
              <div class="mdl-tooltip" for="#about">About Paddle Log</div>
            </button>

【问题讨论】：

标签： pug

【解决方案1】：

我不确定这是否是您的问题的原因，但绝对没有必要在 for 属性 (source) 的值中包含 #。

这应该足够了：.mdl-tooltip(for="about")

【讨论】：

很高兴为您提供帮助，欢迎来到 Stack Overflow！如果此答案解决了您的问题，请将其标记为已接受。