擬似要素とはタグの中の要素にない情報を追加したり、要素の一部分にだけスタイルを指定するもの。

::beforeと::after contentプロパティとセット。。。見出しなどで先頭にマークをつけたい場合、要素の中に●や◾️などの記号を入れるのは好ましくない。そのため擬似要素を使ってCSSでマークを追加する。

例: h3::before { content: “★”;} (タイトルの先頭に星マークを追加)

a::after { content: “→”;} (語尾に矢印を追加)

その他の擬似要素: 一文字目だけ大きくする::first-letter, 一行目だけ色を変えたいという時に使う ::first-lineなどがある。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA