擬似要素とはタグの中の要素にない情報を追加したり、要素の一部分にだけスタイルを指定するもの。
::beforeと::after contentプロパティとセット。。。見出しなどで先頭にマークをつけたい場合、要素の中に●や◾️などの記号を入れるのは好ましくない。そのため擬似要素を使ってCSSでマークを追加する。
例: h3::before { content: “★”;} (タイトルの先頭に星マークを追加)
a::after { content: “→”;} (語尾に矢印を追加)
その他の擬似要素: 一文字目だけ大きくする::first-letter, 一行目だけ色を変えたいという時に使う ::first-lineなどがある。