特定の要素だけCSSの継承を一時的に解除する方法はありますか

締切済

質問者：pooth
質問日時：2007/01/10 03:18
回答数：1件

JavascriptのWYSWYGエディタを使っているのですが、ユーザーが入力するときに、たとえば、<oi>のようなタグを指定すると、入力時には数字付きリストが表示されます。
しかし、保存して、ページに表示する時には、そのページのＣＳＳが適用されてしまい、数字が消えるような指定を行っていた場合に、入力時の見た目を異なる表示がされてしまいます。

ＣＳＳの仕様としてはこれで正しいのですが、
これを、ユーザーが入力した部分だけ、全体のＣＳＳの適用しないようにしたいのです。

ページのタグにすべてclass指定を行えば、classの無いユーザー入力部分は適用外になりますが、サイト全体のベースのスタイルシートが、タグ全体に対する指定を行っているので、修正コストの大きさや修正漏れのリスクを考えると、一部分だけ、タグ全体指定などの継承を解除できれば、それが一番スマートだと考えています。

http://www6.plala.or.jp/go_west/nextcss/ref/basi …
上記のページの"継承"のところで以下の記述があります。
-------------------------------------------------------
CSS2になってから、[inherit] という値が導入されました。この値を使うと、値を継承しないプロパティでも、継承させる事が可能です。また、既に値を指定してしまったプロパティで、継承性を一時的に解除する為にも使えます。
-------------------------------------------------------
この、「継承性を一時的に解除する」ってことが、
おそらく私がやりたいことになると思いますが、
具体的な使い方は分かりませんでした。

やり方をご存知の方、教えていただけると助かります。
また、上記のことは不可能であるということが分かれば、それはそれで助かります。

よろしくお願いいたします。