html - 在 Chrome 中的伪元素之前

Question

在我看来，Chrome 并没有将“之前”伪元素视为元素的一部分。更准确地说，我有 CSS 定义

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

和 HTML 代码

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

在 Chrome 中，结果是一个超链接“AB”，但实际上只有“B”是可点击的。在 Firefox 和 Opera 中，整个“AB”是一个链接，我对 CSS 标准的阅读表明 Chrome 在这里是错误的。

我是否认为这是 Chrome 的错误？有没有简单而干净的解决方法？

Answer 1

看来您可以使用以下方法解决它：

.myclass {
    display: inline-block
}

http://jsfiddle.net/SUKYw/

看起来像 Chrome 错误 - Safari 没有同样的问题。