after擬似要素が分裂する場合の対処方法 | 15g.jp

Pocket

after擬似要素の付いている要素にappendすると、afterが分裂します。
appendすると、appendした要素の後にafterがもう一度発生するためこのようなことが起こります。
(chromeで確認済み。他のブラウザでは未検証)

となるが、この後に

を入れると

となる。

回避方法は、上記の例だと

辺りでしょうか。私は前者を使いました。