html - ページ内にページを作成する方法は?

Question

要素を追加する必要がある Web サイトがあります。
現在のスタイルは要素に干渉します。 iframe の仕組みのよう
に、ページに独自のスタイルを持つ別のセクションを作成しない方法はありますか?

Answer 1

独自の css を持つ別のページを作成し、iframe を使用して埋め込むことができます。

Answer 2

あなたは質問であなた自身の質問に答えたようなものです。これを行う理想的な方法は、<iframe>.

それが不可能な場合<iframe>は、「フレーム」内のすべてのルールに特定の ID をプレフィックスとして付け、デフォルトのスタイルをオーバーライドすることで、CSS を手動で「スコープ」できます。

.style1 { ... }
.style2 { ... }

#widget .style1 { ... }
#widget .style2 { ... }

HTML5 では、ページ内の CSS を実際にスコープすることができます。以下は、スタイルを inner にのみ適用します<div>。

<div>
  <style scoped>
    div { color: red; }
  </style>
  <div>RED</div>
</div>

ただし、これはまだ広くサポートされていません。

Answer 3

セカンダリ スタイルを<div>タグで囲み、残りのコードをそのようにオーバーライドできます。

a {
    color:red
}

#newstyle a {
    color: blue
}

および次の HTML:

<a>This is red.</a> 
<div id="newstyle">
    <a>This is blue.</a>
</div>

ただし、おそらくより良いオプションがあります。

Answer 4

iframe を使用するか、ajax を使用して、そのページの実際のコンテンツをページの div にロードします。