あるhtmlファイルがあり、3つのcssファイルたとえば、aaa.css,bbb.css,ccc.cssの3つのファイルがあります。
htmlには3つのボタンがあり、その一つのボタンを押すとaaa.cssのファイルを使用するとし、同じようにbbb.css,ccc.cssもボタンごとに異なる操作ができるとします。
それを1つのcssファイル、abc.cssファイルにまとめたいのですが、どのように作成すればいいのでしょうか?
何かでこのときはこの処理を行うみたいな指定がhtmlかcssファイルのどちらかで出来るのでしょうか?
かなり困っております。
どなたか回答よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
単純に複数のcssファイルを1つに統合する場合は、各画面用にクラスを定義します。
そして読み込む側がそのクラスを指定して読み込みます。
例えばtableタグのスタイルならば、
table.aaa {}
table.bbb {}
table.ccc {}
のように定義できます。
そして読み込む側は、
<table class="aaa">
のように読み込むクラスを指定できます。
質問者の提供情報が少ないのでわかりませんが、ボタンを押したときにそのボタンのある画面のcssを変更するような場合は少々面倒だと思います。
面倒なので簡単に説明すると、
タグにidで名前をつけて(hogeTableなど)、
以下のような関数をボタンのonClickで呼び出せば可能です。
function ChangeStyle(styleName) {
document.getElementById('hogeTable').className=styleName;
document.getElementById('hogeBorder').className=styleName;
...
...
}
答になっているかはわかりませんが、参考になれば幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- フリーソフト サイトで使用していない画像ファイルの削除ソフトを探しています。 3 2023/04/05 10:49
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS HTMLとCSSについて 2 2022/09/12 15:46
- HTML・CSS HTMLとCSS 6 2023/08/11 07:30
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onedriveの中身を削除したらパ...
-
mac ファイルの詳細情報を編集...
-
Windows11 でのファイル削除
-
macのdmgファイル(動画)をMP4...
-
USBメモリーに保存されている動...
-
mrl→midファイルへ
-
ファイル移動・コピーができない
-
ISOイメージとIMG+cueの違い
-
exeファイルを無効化するには
-
外字ファイル、eudc.tte と e...
-
外付HDDのファイルを削除しても...
-
XML ドキュメントファイルって...
-
ウィンドウズパソコンでは、「...
-
iTunesの曲をエクセル使用して...
-
mac→win この隠しファイルって?
-
【急いでおります】txt内のデー...
-
VScodeでjarファイルを開く方法
-
スワップファイルの削除
-
分割されたrarファイルを結合す...
-
たくさんのフォルダを一つのフ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Winmerge ファイルの中身は同じ...
-
onedriveの中身を削除したらパ...
-
同期センターのマークが出てま...
-
バッチファイルで変数の中身を...
-
コマンドプロンプトによるフォ...
-
Windows10 フォルダ内の自動並...
-
教えてください!困ってます。
-
ファイルの先頭行を全て削除したい
-
emlをtxtに変換するには?
-
ファイルの単位
-
Windows11 でのファイル削除
-
クラリスワークスのファイルを...
-
Excellにて→ファイルエラー:デ...
-
office365 ファイルを削除したい
-
macのdmgファイル(動画)をMP4...
-
mac ファイルの詳細情報を編集...
-
ファイル操作(削除など…)の履...
-
linuxのエディタgeditは複数フ...
-
BAKファイルを非表示にする方法
-
mac 表示できなくなりました。
おすすめ情報