s3CSS3:before、afterセレクタとcontentツイートシェアはてなbeforeとafterセレクタは、その名の通り設定した要素の前後にスタイルを定義するセレクタです。表示サンプルはこちら。content:"アフター";}「content」はbefore/afterセレクタの中のみで使えるプロパティで、テキストを挿入することができます。CSSで矢印を作る時も空っぽの指定をして実体を作る時に使います。contentのテキストはドラッグ選択できないのでCSSが分かる人でなければコピペできないテキストを作ることもできますし、応用すると色々面白いことができるプロパティです。ツイートシェアはてなゴトーUI/UXエンジニア。デザイン、サービス設計、機能(UI)設計、サーバサイド、SEO、ウェブマーケティングなどWebの全般に関わり、現在はBtoBの領域中心にWebとユーザーのふれあい方(体験:UX)に関して垣根なく取り組んでいます。関連記事CSS3:checkedセレクタを使うCSS3:CSSだけで作るドロワーメニューCSS3:フキダシを作るCSS3:属性セレクタを使うCSS3:奇数・偶数番目の要素を指定する。