CSS ::afterで指定セレクタの終了タグの前にCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
セレクタ::after{
content:"文字"
}
::afterは、指定したセレクタの終了タグの前にCSSを適用します。
contentに指定した文字列が表示されます。
文字列を表示しない場合は空文字(“")にします。
使用例
<!DOCTYPE html> <html> <head> <style> .cft::after{ content: "★"; color: green; } </style> </head> <body> <p class="cft">this is a test</p> </body> </html>
結果
クラス要素「cft」の後ろに"★"を追加します。