Chromeの擬似要素の前に

Question

Chromeは、擬似要素を要素の一部として「前に」扱いません。より正確には、私はクロームではCSSの定義

.myclass:before{content:"A";} 

とHTMLコード

<a href="blah" class="myclass">B</a> 

を持っている結果は、ハイパーリンク "AB" だけ "B" は、実際にクリック可能です。 FirefoxとOperaでは、「AB」全体がリンクになっています.CSS標準を読んでいると、ここでChromeが間違っていることがわかります。

私はこれがChromeのバグだと仮定していますか？シンプルでクリーンな回避策はありますか？

Answer 1

あなたがそれを回避できるようです：

.myclass { 
    display: inline-block 
} 

http://jsfiddle.net/SUKYw/

クロームのバグのように見える - Safariが同じ問題を抱えていません。