beforeとafter（cssの疑似要素）を使い倒す！ その1 contentを使おう編はじめに 見出しの頭に縦棒をつけたいけど、縦棒の長さを文字よりも短くしたい・・・ こんなときってありますよね。 そういったときにbefore!を使いましょう！ 使い方 もともとの見出しがこいつだとすると。  .midasi::before{ } こんな感じで指定します。 :（コロン）を2つつけるのはcss3の記法です。1つでもブラウザ対応してますが、2つのほうがかっこいいです（ぉ） 注意点 beforeにはcontentプロパティが絶対必要です。 文字を入れてみます。 .midasi::before{ content: "ビフォアだよん"; } 
