今までアイコンのためにわざわざhtml側で空のdiv要素とかimg要素とか入れたりしてたけど :before、:afterを使えばCSSだけで綺麗に完結させられるんですね。 今までは仕方なくhtmlにdiv.iconとか作ってimg要素を入れるor背景画像指定してたけれど、 正直htmlが読みにくくなるし、余計な要素だしで不本意でした。 なんとなく聞いていたプロパティだったけれど、面倒がらずにすぐにでも使い始めとくべきだったなぁ
