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

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

サマリ

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