Skip to main content
Participant
October 17, 2020
解決済み

CSSで、HTMLに記載したクラス名をコードヒントとして表示させたい

  • October 17, 2020
  • 返信数 1.
  • 437 ビュー

お世話になります。

DreamweaverCC2019を使用しています。

OSはWindows10Homeです。

HTMLで当てたクラス名を、CSS入力時にコードヒントとして表示させたいのですが、方法をご教示いただけないでしょうか?

CSSに記載したクラス名をHTMLにてコードヒントとして表示させることはできており、

「環境設定>コードヒントを使用可能にする」

「環境設定>ツールヒントを有効にする」にはチェックが入っております。

 

お手数ですが、どうぞよろしくお願いいたします。

    このトピックへの返信は締め切られました。
    解決に役立った回答 r360studio Kazue Mori

    avie0320さん、こんにちは。

     

    Dreamweaverのコードヒントですが、
    デフォルトで「HTMLコード参照→CSS側」/「CSSコード参照→HTML側」のどちらもできます。

     

    現在、「CSSコード参照→HTML側」ができるのであれば、その逆もできるはずなのですが……

     

    【「HTMLコード参照→CSS側」操作の様子】
    https://youtu.be/2P6dy-IEH48

     

     

    もしかしたら、HTMLに記述したコードがCSS側に反映されるのが遅いのかもしれません。

     

    次の項目を試してみていただけますか?

    1)HTMLにクラス名を記入したのち、HTMLファイルを保存する
    2)保存したのち、HTMLファイルのウインドウを更新(表示>ビューの更新[F5]キー)
    3)CSSファイルのウインドウへ移動し、コードヒントを試してみる。

     

    ご参考になれば幸いです。
    (^_^)

    返信数 1

    r360studio Kazue Mori
    Community Expert
    Community Expert
    October 18, 2020

    avie0320さん、こんにちは。

     

    Dreamweaverのコードヒントですが、
    デフォルトで「HTMLコード参照→CSS側」/「CSSコード参照→HTML側」のどちらもできます。

     

    現在、「CSSコード参照→HTML側」ができるのであれば、その逆もできるはずなのですが……

     

    【「HTMLコード参照→CSS側」操作の様子】
    https://youtu.be/2P6dy-IEH48

     

     

    もしかしたら、HTMLに記述したコードがCSS側に反映されるのが遅いのかもしれません。

     

    次の項目を試してみていただけますか?

    1)HTMLにクラス名を記入したのち、HTMLファイルを保存する
    2)保存したのち、HTMLファイルのウインドウを更新(表示>ビューの更新[F5]キー)
    3)CSSファイルのウインドウへ移動し、コードヒントを試してみる。

     

    ご参考になれば幸いです。
    (^_^)

    avie0320作成者
    Participant
    October 18, 2020

    ご返信ありがとうございます。

    原因が分かりました!

    HTMLとCSSを横に並べて作業したいため、

    いつもCSSは「別ファイルで開く」としていたためのようです。

    「表示>分割>コードーコード」とした場合、

    おっしゃるようにちゃんとCSSにもHTML由来のコードヒントが表示できました。

    気づけば簡単なことでしたが、当たり前のように上記の環境で作業していたので盲点でした。

     

    貴重なお時間を頂戴してしまい、申し訳ありません。

    どうもありがとうございました!