ホームページ > 記事 > ウェブフロントエンド > css_html/css_WEB-ITnose の後の疑似オブジェクト セレクターの簡単な紹介
css_html/css_WEB-ITnose の後の疑似オブジェクト セレクターの簡単な紹介
- WBOYオリジナル
- 2016-06-24 11:31:031116ブラウズ
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/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。