人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

2つのwebページを1つに纏める際のcssの扱い方

webページを作っています。サイトAのページの中に、サイトBのコンテンツを、デザインをそのままで挿入したいです。(添付画像参照)その場合のCSSの合体の仕方で困っています。サイトBは、サイトB独自のcss(styleB.css)で作り込まれています。リセットCSSもサイトAとBで違います。サイトAに組み込んだコンテンツZには、styleA.cssではなくstyleB.cssを適用したいです。こういった場合cssの移行(合体)は、どのような方法で行うのが良いのでしょうか?コンテンツZのデザインに関係している部分をstyleB.cssから探してコピーし、styleA.cssに追加する、という手順はとても時間がかかりますが、その方法しか無いでしょうか?より作業時間の少ない方法が有れば嬉しいです。iframe以外の方法でご教授頂ければ幸いです。どうぞよろしくお願い致します。

1419942163
●拡大する

●質問者: YumiMars
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● gizmo5
●200ポイント

具体的な CSS を見ていないので的を外しているかもしれませんが、私ならコンテンツZ をひとつの要素で囲んで styleB.css のセレクタをその要素の下位になるように全て書き換えます。

<div class="container-b">
コンテンツZ
</div>
/* DIV.container-b をセレクタに追加する */
DIV.container-b h3 {
...

リセットのCSSはコードは違うにしてもリセットの為に使われているのであれば大差ないと思います。


YumiMarsさんのコメント
ご回答ありがとうございます。 >styleB.css のセレクタをその要素の下位になるように全て書き換え styleB.css内のセレクタ全てにDIV.container-bを付与するという解釈で良いでしょうか?「コンテンツZに関係する箇所を探して」という作業をしないのは時間の短縮になりますね!不要な記述が残る事になりますが、今回は時間を短縮したいので、ご教示頂いた方法が役に立ちそうです。ありがとうございます。

質問者から

質問文に書いた方法よりも「もっと一般的な方法」とか「こちらの方が時間がかからない」とか「便利な変換ツール」などの画期的な方法が有るのかもしれない、と考え質問致しました。引き続き宜しくお願い致します。


関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ