疑似要素・疑似クラス セレクタ

疑似要素

要素内の文字や行に対してスタイルを指定します。

  • :first-letter

最初の『文字』だけ反映されます。

p:first-letter {
    font-size: 20px;
}
  • :first-line

最初の『行』だけ反映されます。

p:first-line {
    font-size: 20px;
}
  • :first-child

最初の『要素』だけに反映

p:first-child {
    font-size: 20px;
}
  • :before, :after

デフォルトでインライン要素になります。 ブロック要素にするには、display: block;を定義します。

blockquote:before {
    content: openquote;
}
blockquote:after {
    content: closequote;
}



モノクロ

モノクロ

  • HY
  • Rock
  • ¥250