1

Firefoxアドオンを使用して任意のページに挿入できる要素があります。

当然、それとその祖先は、そのページで定義されているCSSルールの影響を受けます。

これまでのところ、すべての属性について明示するだけで取得できますが、それでも、私の宣言は、より具体的なページ上の以前の宣言によって上書きされる可能性があります。

不必要に特定のセレクターを大量に混乱させたり、を使用したりせずに、特定の要素( )の下にあるすべての要素の属性をリセットし、この親要素の下にある宣言が確実に適用されるようにするに!importantはどうすればよいでしょうか。div#my_root_container_element

iFrameの使用は1つのオプションですが、可能であれば避けたいと思います。別の方法はありますか?アプリケーションを考えると、ソリューションはFirefoxでのみ機能する必要があります。

ありがとう。

4

2 に答える 2

0

明らかに、これは一般的にCSSのコアである「特異性」を無効にすることを目的としているように見えますが、これは誰かがそれを試みているのを見たときに私が覚えている最も近いものです。当時、YUIプロジェクトに関わった人からは評判が良かったようです。

http://developer.yahoo.com/yui/reset/#code

于 2011-09-21T02:54:52.070 に答える
0

SASSを使用すると、十分な特異性を実現するためにIDを使用してdivの下にすべてをネストすることは、それほど不快ではありません。これは、私が選択したソリューションです。

そうは言っても、!importantCSSページで行われた宣言は私のスタイルを無効にします。

于 2011-09-26T11:29:34.340 に答える