Question

我基本上试图实现以下目标：

<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>

Answer 1

我不确定这是否是导致问题的原因，但绝对不需要在#属性的值中包含for {{3 }}）。

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

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

1 个答案: