特定範囲内のCSSの継承を断ち切る(解除する)には？

質問

別ページにてTinyMCEというWeb上のWYSIWYGエディタにて作成したHTMLをDBへ登録し
それをCSSでデザインされたページ中に読み込み、上位のCSSの継承をさせずに表示させたいのですが
親が読み込んでいるCSSの影響ですべてのタグに影響が出ており困っています。
読み込んだデータの範囲だけCSSの継承をさせないようにする方法はないのでしょうか？

考えられる方法として、インラインフレームにして埋め込む方法が一番現実的かもしれないと思いますが
他に簡単な方法があればご教授していただけるとありがたいです。

当方環境は以下の通りです
サーバー：RedHatLinux + Apache + PostgreSQL
　　　　　PHP4, Smarty...
対象ブラウザ:IE6,7

よろしくお願いします。

回答No.2

leap_day · ベストアンサー

こんにちは

<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>

お礼

丁寧にありがとうございます！
2番目の方法でなんとか切り抜けることが出来ました。
ありがとうございます。

回答No.1

SAYKA

「!important」　　・・・の事かな
http://www.zspc.com/documents/wcag10-tech/css-techniques/#user-override

お礼

こういうものもあるんですね～。一応参考にさせていただきます！
これだとページ全体に影響する感じだと思うので一部分だけ解除しようとする用途には使えない気がします。。