![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
別ページにてTinyMCEというWeb上のWYSIWYGエディタにて作成したHTMLをDBへ登録し
それをCSSでデザインされたページ中に読み込み、上位のCSSの継承をさせずに表示させたいのですが
親が読み込んでいるCSSの影響ですべてのタグに影響が出ており困っています。
読み込んだデータの範囲だけCSSの継承をさせないようにする方法はないのでしょうか?
考えられる方法として、インラインフレームにして埋め込む方法が一番現実的かもしれないと思いますが
他に簡単な方法があればご教授していただけるとありがたいです。
当方環境は以下の通りです
サーバー:RedHatLinux + Apache + PostgreSQL
PHP4, Smarty...
対象ブラウザ:IE6,7
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
こんにちは
<style type="text/css"><!--
.contents div { background-color:blue; }
#database div { background-color:red; }
--></style>
<div class="contents">
<div>本文</div>
<div id="database">
<div>DB本文</div>
</div>
<div>本文続き</div>
</div>
もしくは
<div class="contents">
<div>本文</div>
</div>
<div id="database">
<div>DB本文</div>
</div>
<div class="contents">
<div>本文続き</div>
</div>
とか?
あとはタグ名指定のCSSではなくclass名指定とかid名指定にするとか?
<style type="text/css"><!--
.d1 { background-color:blue; }
#d2 { background-color:red; }
--></style>
<div id="d2">本文1</div>
<div class="d1">本文2</div>
<div>DB本文</div>
<div class="d1">本文2続き</div>
No.1
- 回答日時:
こういうものもあるんですね~。一応参考にさせていただきます!
これだとページ全体に影響する感じだと思うので一部分だけ解除しようとする用途には使えない気がします。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- Web・クリエイティブ 独学でwebデザイナーを目指すには 2 2022/09/17 16:27
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html の divとtable の役割
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
CSSで画像を下に配置
-
HTML属性での「""」 「''」違い
-
画面を縮小するとカラムが落ち...
-
h1のテキストサイズよりh2の方...
-
<div>テキスト</div>
-
何もいじってないのに、表示崩...
-
min-heightとheightの違いについて
-
<!-- #BeginLibraryItemとは
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
iframeを使わずに上下50%ずつに...
-
CSSで、contentsがfooterに重な...
-
ローカルとWeb上で見え方が違う...
-
line-height指定で発生する余白...
-
divの入れ子枠の中に収めたい
-
<H1>とか<H2>とかのタ...
-
一括で全体を右にずらす
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
要素間、要素内に隙間が空く
-
画面を縮小するとカラムが落ち...
-
スペースを使わず文字位置を揃...
-
h1のテキストサイズよりh2の方...
-
divの中に外部のHTMLを埋め込む
-
<!-- #BeginLibraryItemとは
-
hタグの右横に画像を表示
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
html5でheaderの中にnav
-
開閉式の隠し要素が一瞬表示さ...
おすすめ情報