2017-02-11 12 views
0

JADE/PUGテンプレートファイル内のCSSの記述方法:.pugファイル内私は基本的に以下を達成しようとしている

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

。私は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

関連する問題