そんなわけでそういう修正をしてみた。
#content .section h2:first-letter {
color: #09f;
}
#content .section h2 a:hover:after {
content: "";
line-height: 0;
} 空文字でも効果があるみたい。ようは content の指定でスタイルの指定しなおし (?) が働けばいいらしい。
line-height: 0 は何か知らないけど高さが変わって、後続するやつが全部ピコピコするのをなくすため。
関係ないけど擬似をずっと模擬って読んでいた。アフォすぎ!