:: afterとbackdropの擬似要素の違いは何ですか？

Question

タイトルが言っているとおりです。

私は実際に一方が他方よりも優先されている場合

あなたはおそらく例とヒントを与えることができます。..役に立たない場合はMDNのドキュメントもかなりまばらで、その上の任意の詳細な情報を見つけることができませんでしたか？

（​​）

Answer 1

この擬似要素は 同じトップ層内に、（もしあれば、スタック内の要素以下の要素上）直ちに素子 下にレンダリングさボックスです。あなたが言及したドキュメントで見たよう

、それはあなたの実際の要素と後の要素との間新しい要素を追加します。 ::afterで

あなたが選択した要素の内容（その内容はまだ同じ要素に追加された）後のコンテンツを挿入することができ、このexampleを参照してください。前

コンテンツを挿入し、またはその以上の要素

の内容、後に、疑似要素をレンダリングすることができるもののブラウザでは違いがあります：

Pseudo element after documentationBackdrop対Afterは、 。ご覧のとおり、今日（2016-02-19）は::backdropをクローム、オペラ、アンドロイドブラウザでのみ使用できます。