はるとブログプログラミング・AIイラスト・英語などについて情報発信しています

CSS 「::after」の使い方

2020.09.01
CSS
after

h1::after{
    content: "←New!!!";
    color: green;
}

h1タグで記述されているもののあとに、「←New!!!」を緑色で表示する。

参照したMDNリファレンス

https://developer.mozilla.org/ja/docs/Web/CSS/::after

参考にしたYouTube

こちらの記事もどうぞ！

関連する記事

CSS 特定の属性を持っているものだけにCSSを当てる方法 2020.08.14

CSSでは特定の属性を持っているものにだけCSSを適用することができます。たとえば、 a[href] { color: red; } とCSSを書く[…]
CSS 結合子いろいろ 2020.09.30

main * { color: red; } mainの中のすべての要素に適用 main h1 { color: red; } main[…]
CSS 「:first-child」と「:first-of-type」の使い方 2020.08.31

first-of-typeの方がよく使います。 :first-childの使い方例 article :first-child { color: re[…]

CSSカテゴリの最新記事

- 2021.03.09
- CSS, xserver, エックスサーバー,
【エックスサーバー】CSSが変更されない場合の対処方法
- 2020.09.30
- 結合子,
CSS 結合子いろいろ
- 2020.09.04
- first-letter,
CSS 「::first-letter」の使い方
- 2020.09.04
- first-line,
CSS 「::first-line」の使い方
- 2020.09.01
- before,
CSS 「::before」の使い方
- 2020.09.01
- after,
CSS 「::after」の使い方