0

多くの ajax 呼び出しは、さまざまなテンプレート ビューからコンテンツを取得していることを意味します。この場合、いくつかの ID を繰り返すことができます。だから私はスタイルルールに名前を付ける方法について最善の論理について疑問に思っています。現在、次の 2 つのオプションのどちらかを決定しています。

  • 各 ID にプレフィックスを追加します。各セレクターは #templateName-idName のようになります
  • 各テンプレートをテンプレート名 ID を持つ div にラップします。したがって、各セレクターは #templateName #idName で始まります

これについてどう思いますか。すべての ID をプレフィックスで完全に区切ることは良い考えですか?

4

3 に答える 3

2

ID のプレフィックスのような形式の疑似名前空間を使用することは、衝突を防ぐための良い考えです。CSS の観点からは、より再利用可能で一貫性のあるスタイル ルールを作成する必要があるため、通常、サイトの構造要素と 1 回限りの修正以外に ID を使用することは避けてください。明示的なクラス/ID マーカーとコンビネーター セレクターを組み合わせることで、より明確で保守しやすいスタイルシートにつながるはずです。IDに関する限り、最初の名前空間の理由と、IDの一意性を強調して利用するために、 #container-child を組み合わせた規則が望ましいものになります。

于 2012-09-14T13:29:58.450 に答える
0

IDとクラスを併用してはどうですか？何かのようなもの：

HTML:

<div id="templateOne" class="content">
    <!-- content -->
</div>
<div id="templateTwo" class="content">
    <!-- content -->
</div>

CSS:

#templateOne.content { /* styles */ }
#templateTwo.content { /* styles */ }
于 2012-09-14T13:48:24.697 に答える
0

通常、大量の AJAX を実行する場合、次のルールがあります。

ほとんどのシナリオでは、「コンテンツ」の 1 つのスポットのみを更新します。ウィジェットなどを更新する必要があるサブ Ajax 呼び出しがある場合、これらはユニークなアイデアである必要はありません。append や insert after などの他の DOM 要素を活用できます。

于 2012-09-14T13:33:54.373 に答える