【css】擬似要素before、afterについて

cssの擬似要素と呼ばれるbefore、afterについてまとめています。

サマリ

• beforeは要素内の先頭に挿入される
• afterは要素内の末尾に挿入される
• 空のspanのような役割
• プロパティでcontent:'';を指定しないと効果を発揮しない
• 1つのhtml要素に対して指定できる擬似要素は1つ
• 空タグimgのようなhtml要素には擬似要素を適用できない