css - Ember ハンドルバーと隣接する CSS セレクター

Question

Ember ハンドルバーが、隣接する兄弟CSS セレクターをいじっています ( el + el)

たとえば、アイテムのリストがあります：

{{#each item in items}}                    
  <span class="item">{{item}}</span>
{{/each}}

そして、このルールでそれらの間にスペースを追加したい:

.item + .item {
  margin-left: 1em;
}

<script id="metamorph-1-end" type="text/x-placeholder"></script>しかし、Ember はアイテム間に Metamorph プレースホルダーを挿入しているため ( のようなタグ) 、機能しません。

ハンドルバー付きの隣接する兄弟セレクターの代わりに何を使用すればよいですか?

score 2 · Accepted Answer

一般的な兄弟(または次の兄弟) セレクター ( )を使用しel ~ elます。

このような：

.item ~ .item {
  margin-left: 1em;
}

Metamorph プレースホルダータグおよびアイテム間のその他のタグを「スキップ」します。

score 0 · Accepted Answer

Ember.CollectionViewの代わりに使用し、対応するヘルパー{{#each}}

{{#collection contentBinding=items}}                    
  <span class="item">{{this}}</span>
{{/collection}}

すべてをタグでラップします (パラメーターでカスタマイズできtagNameます) が、アイテム間に Metamorph タグを挿入しません。

3 に答える 3