0

サイトでMiniprofilerの使用を開始しましたが、ポップアップでレンダリングの問題が発生しました。問題は、私のサイトの CSS が「グローバルすぎる」ことです。たとえば、次のようになります。

thead th:last-child {
    background: url("img/rb.gif") no-repeat scroll right 0 transparent !important;
    height: 42px;
}

それは MiniProfiler のスタイルと競合し、そのポップアップは地獄のように見えます (具体的には、そのテーブルには背景画像などは必要ありません)。CSS の範囲を絞り込もうとしましたが、サイトが巨大で、さらに多くの問題が発生します (私はデザイナーではありません)。ただし、MiniProfiler のソース コード/スタイルを変更して再構築することはできます。私が必要とするのは、profiler-resultsクラスを持つコンテナー内の要素がすべての「グローバル」スタイルを無視することです。私の最良の選択肢は何ですか？

4

1 に答える 1

1

CSS Scoped を試すことができるかもしれません。これは HTML5 の機能です。あなたのサイトは非常に大きいと言ったので、この機能を使用して回避策を見つけることができます. そして、サイトの特定の部門に CSS ルールを適用したいだけです。

範囲指定された CSS

于 2012-12-29T02:11:04.587 に答える