More than 3 years have passed since last update.

【CSS3】擬似要素と実例

Posted at 2021-09-19

#はじめに
CSSの擬似要素備忘録。

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

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

::before

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

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

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

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

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

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

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

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