2

私には困惑があります。私の Web アプリケーション (C#、.Net 3.0 など) には、テーマ、CSS シート、そしてもちろんインライン スタイル定義があります。今では、多くのシェフがスープに物を追加しています. 当然のことながら、これらすべての結果として、私のページには時折奇妙なスタイルが設定されています。

これらのスタイルはすべて階層的な方法で適用されていると確信しています (ただし、その順序はわかりません)。問題は、各スタイルが適用されているものをマスクするだけの「透明な」レイヤーとして適用されることです。これは、全体のスタイルを指定して、必要に応じて 1 回限りのスタイルにすることができるので、良いアイデアだと思います。残念ながら、スタイルが実際にどのレイヤーから来たのかはわかりません。

この問題は、すべてのレイヤーでスタイルを明示的に表現することで解決できますが、それはかさばって管理が難しくなり、ページは 80% の確率で機能します。リスのように 20% がどこから来たのかを突き止める必要があるだけです。

4

5 に答える 5

5

私見、Firebugが最善の策になるでしょう。スタイルがどのファイルに由来するかを示し、ファイル名をクリックすると、ファイル内の関連する行に即座に移動できます。

注:任意のページでctrl+ shift+を押して、マウスで要素を選択して調べることができます。C

于 2008-09-10T15:25:54.433 に答える
4

Firebug を使用して、要素がどこからそのスタイルを取得しているかを調べる方法の簡単なスクリーンキャストを次に示します。

http://screencast.com/t/oFpuDUoJ0

于 2008-09-10T16:32:38.063 に答える
2

IE Developerツールバーを使用して、要素を選択し（[クリックして要素を選択]またはDOMツリービューでそのノードをクリックする）、[現在のスタイル]ペインで行を右クリックして[トレーススタイル]を選択します。

他のツールにも同様の機能があります。

于 2008-09-10T15:46:55.880 に答える
2

Firefox では、DOM インスペクター、firebug を使用するか、これを検査します。
IE では、IE dev ツールバーを使用します (または、おそらくFirebug Liteの方が適切です)
。Google Chrome では、組み込みの「要素の検査」機能を使用します。

于 2008-09-10T15:14:13.930 に答える
-1

複雑な CSS の問題を解決する鍵は、奇妙な外観の原因を突き止めることです。見つける最も簡単な方法は、コメント アウトすることで問題が解決するスタイルシートが見つかるまで、スタイルシートを選択的にコメント アウトすることです。次に、スタイルシートを有効にし、問題の原因が見つかるまでルールを選択的にコメントアウトします。何が優先されるかを知る必要がある場合は、CSS のカスケードの詳細を ここで詳しく説明します。個々のルールの実装とは異なり、これはブラウザー間でかなり一貫しています。

ただし、インライン スタイルを完全に避けて、適切に作成された一連のスタイルシートを使用する方がはるかに優れています。各スタイルシートには論理的な機能があり、すべてのルールが理解できます。サーバー側のコードをランダムなファイルにランダムな順序で配置しないのと同じ理由で -私たち

于 2008-09-11T19:04:33.853 に答える