：最後の要素だけを処理する前

Question

私は複数のスピナーをレンダリングするプロジェクトを持っていますが、最後のスピナーが回転していることに気付きました。すべての要素は:beforeです。

私は、これは、CSSで:beforeを削除することで修正可能であるが、私はこれがそうであった理由を知りたいと承知しています。

は、ここでの例ですが、あなたが唯一の最後のスピナーが回転します「リロード」テキストをクリックすると、すべてのスピナーは、負荷表示されます。

Link to JSFiddle

Answer 1

問題は、.spinnerクラスにbeforeを設定しているです。

.spinner-containerクラスの設定をし、期待どおりに

Check this fiddle

---

^{に動作しますReachは、スタックスニペットでは動作しません。だから私はjsのフィドルを追加しました}