CSSの:before,:afterをもっと早く使っとけばよかった

今までアイコンのためにわざわざhtml側で空のdiv要素とかimg要素とか入れたりしてたけど
:before、:afterを使えばCSSだけで綺麗に完結させられるんですね。

今までは仕方なくhtmlにdiv.iconとか作ってimg要素を入れるor背景画像指定してたけれど、
正直htmlが読みにくくなるし、余計な要素だしで不本意でした。

なんとなく聞いていたプロパティだったけれど、面倒がらずにすぐにでも使い始めとくべきだったなぁ