CSS の after 擬似オブジェクト セレクターの簡単な紹介:
この章では、困っている友人に何らかの助けをもたらすことを願って、after 擬似オブジェクト セレクターの使用法を紹介します。
このセレクターの前にドット2つ:: を追加します。CSS2ではドット2つとなりますが、これは疑似クラスセレクターと区別するためです。もちろん現在の2点も同様です。
構文構造:
E:after{ Rules } E::after{ Rules } このセレクターは、要素の最後にいくつかの構造コンテンツを設定できます。コンテンツについては、CSS コンテンツ属性の章を参照してください。
コード例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>CSS教程</title> <style type="text/css"> .box{ border:1px dotted #CCC; width:200px; height:30px; line-height:30px; text-align:center; font-size:12px;} .box:after{ content:"antzone"; }</style> </head> <body> <div class="box">蚂蚁部落</div> </body> </html>上記のコードは、指定されたコンテンツを div 要素の内部の後ろに追加できます。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=13556
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
