DreamWeaverでマークアップ作業中に、もはやCSSの編集なくしてホームページ作成は極めて難しいことが多いのですが、CSSセレクタの編集も、数が増えるとなかなかプロパティや値の修正に手間がかかってしまいます。
そこでプロユースのHTMLエディタDreamWeaverCS4から追加された新機能のコードナビゲータでCSSの編集を効率的にスピードアップできます。
コードナビゲータでは、HTMLソースコードの編集画面上で、
「Altキーを押しながらマウスクリック」
すると関連するCSSプロパティの一覧が表示され、ダイレクトに編集したプロパティのCSSフィアルの該当箇所を開いてくれる機能です。
CSSルールが適用されているソースコード、もしくはclassやid部分をAltキーを押しながらクリックすることで、関連するプロパティの一覧がポップアップウィンドウで表示されます。
セレクタ内容のプロパティや値、cssファイル内の記述箇所を探すのにとても役に立ちます。
ちなみにコードナビゲータを表示させたくない場合は表示されたポップアップウィンドウの右下の「インジケーターを無効にする」にチェックを入れます。