【CSS3】擬似要素と実例

はじめに

CSSの擬似要素備忘録。

::after

要素の最後にコンテンツを追加

See the Pen by もちもちおにく (@mcmc_oniku) on CodePen.

::before

要素の最初にコンテンツを追加

See the Pen by もちもちおにく (@mcmc_oniku) on CodePen.

::first-letter

ブロックレベル要素の最初の行の最初の文字にスタイルを適用

See the Pen by もちもちおにく (@mcmc_oniku) on CodePen.

::first-line

ブロックレベル要素の最初の行にスタイルを適用

See the Pen by もちもちおにく (@mcmc_oniku) on CodePen.

::selection

マウスでドラッグやクリックした箇所にスタイルを適用

See the Pen by もちもちおにく (@mcmc_oniku) on CodePen.