72 自動生成されたクラススタイルの名前を変更する | デザインってオモシロイ -MdN Design Interactive-

72 自動生成されたクラススタイルの名前を変更する

2026.4.22 WED

【サイトリニューアル!】新サイトはこちらMdNについて

WEBの作業が楽になるテクニック総まとめ 第11回



Tips 72
自動生成された
クラススタイルの名前を
変更する


文=小濱良恵


Expression Webによってスタイルが自動的に生成された際につけられる「.style1」などの名前は容易に変更できる。任意のWebページを開き、スタイルの管理パネルから変更したいCSSスタイルを右クリックして"クラス"○○"の名前の変更"を選択する【1】。そうすると、クラス名の変更ダイアログボックスが表示される。このダイアログボックスに[新しい名前:○○]と入力することで【2】、新しく命名した名前が、使われたすべてのWebページにおいて更新される【3】。


【1】名前を変更したいクラスを右クリックし、
【1】名前を変更したいクラスを右クリックし、"クラス"style1"の名前の変更"を選択する


【2】クラス名の変更ダイアログボックスで新しい名前を入力する
【2】クラス名の変更ダイアログボックスで新しい名前を入力する


【3】最後に[閉じる]ボタンをクリックする。[ログの表示]にチェックを入れると、処理結果が確認できる
【3】最後に[閉じる]ボタンをクリックする。[ログの表示]にチェックを入れると、処理結果が確認できる


POINT 自動生成スタイルはCSSに移動し行う

[INDEX]


>>> 71 仕事場と外出先でワークスペースを切り替える
>>> 72 自動生成されたクラススタイルの名前を変更する
>>> 73 シンボルを使ってボタン制作を効率化する
>>> 77 ひとつのブラウザ上で各種OSのクロスブラウザテストを行う
>>> 78 Illustratorでビットマップを扱いFireworksに書き出す
>>> 79 オブジェクトを簡単に等間隔で並べる



【バックナンバー】WEBの作業が楽になるテクニック総まとめ
[第1回を見る][第2回を見る][第3回を見る][第4回を見る][第5回を見る][第6回を見る]
[第7回を見る][第8回を見る][第9回を見る][第10回を見る]
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在