2017-02-11 38 views
0

我基本上是试图实现以下中编写CSS:如何JADE/PUG模板文件

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

回答

0

我不知道,如果这是你的问题的原因,但肯定是有没有必要包括在for属性(source)的值#

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

+0

完美的,完全正确的。 :) –

+0

乐意帮忙,欢迎来到Stack Overflow!如果此答案解决了您的问题,请将其标记为已接受。 – gandreadis