1

独自のスタイル シートを持つ HTML ヘッダー テンプレートがあります。この HTML コードは複雑で、メニュー、さまざまなブロック、その他のフローティング要素が含まれています。CSS ファイルには、Web サイト全体のスタイルが含まれています。合計 800 個のセレクターがあります。

既存の Web サイトに HTML と CSS を含めるだけで、うまくいきません。これは、多くの CSS ルールが Web サイトのルールに干渉していることが原因です。たとえば、ヘッダー テンプレートの CSS には「.nav」という名前のセレクターがあり、ウェブサイトにもそれがあります。両者はルールが異なるため、ウェブサイトが壊れます。

私の質問は、この HTML ファイルを既存の Web サイトに完全に再コーディングせずに「含める」方法です。

私は次のことを考えました: テンプレートからスタイルを処理し、それぞれに一意の名前を付けます。したがって、すべての「#body」は「#body-1」になり、すべての「.nav」は「.nav-1」になります。これを手動で行うには時間がかかります。

これを行うことができるツールはありますか？

4

1 に答える 1

2

私が「CSSネームスペース」と呼んでいるものを使用してください。

ID またはクラスのコンテキストになるように、新しいページの CSS ルールを変更します。

たとえば、次のようにします。

.nav // nav for new page
{
  blah: blah;
}

そしてそれをこれにします：

#NewyThingy .nav
{
  blah: blah;
}

新しく含まれたページを id="NewyThingy" で div に囲みます。

または

.NewyThingy .nav
{
  blah: blah:
}

新しくインクルードしたページの body タグを class="NewyThingy" に変更します。

于 2011-10-15T12:58:30.100 に答える