1

ユーザーがコードのスニペットを Web サイトに追加できるようにするアプリケーションがあります。これにより、サイトに小さなウィジェットが追加され、ユーザーがアプリケーションなどとやり取りできるようになります。

私が今行っていることは、すべての html をコンテナに配置して、(できれば) 一意の ID を使用してサイトに配置することです。ts-container としましょう。次に、要素のスタイルを設定するためにサイトに読み込まれる CSS で、スタイル シートのすべてのセレクターの前に #ts-container を配置します。これは、CSS がページ要素に影響を与えないように保護するための最良かつ唯一の方法ですか、それとも実際にすべてのクラスを id にせずにスタイル シート全体をラップする方法はありますか? スタイルシートをラッパーコンテナに配置して、それらの要素などにのみ影響を与える方法はありますか? 代わりに iframe などでこれを行う必要がありますか?

私の状況でベストプラクティスが欠けている場合に備えて、いくつかの提案を探しています。

4

1 に答える 1

0

CSS のサブリセットを行うことができます。

#ts-container * {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    background-color: white;
    color: black;
}

追加のスタイルを入力する必要があるかもしれませんが、これにより、親ドキュメントの CSS がウィジェットに影響を与えるのを防ぐことができます。

iframeただし、これを行うにははるかに簡単な方法です。それらを使用するかどうかは、設計上の選択です。

于 2012-09-25T13:47:20.500 に答える