CSS悬停时:first-letter转换

Question

我正在使用:first-letter来选择一个标志中的第一个字母并进行样式设置。当悬停时，这个字母的颜色会改变。

如何通过CSS过渡使这种颜色淡入？在任何选择器中添加过渡属性似乎都不起作用。

Fiddle: http://jsfiddle.net/alecrust/YCMMZ/ 编辑：显然Firefox 4+是唯一支持伪元素过渡的浏览器，但即使在该浏览器中我也无法使上面的Fiddle正常工作。

- AlecRust

Answer 1

由于浏览器支持不佳，解决这个问题的最佳方法是将首字母包装在一个 span 中，并为该 span 添加一个类。

<header class="header">
    <h1 class="logo">
        <a href="index.html"><span class="transition">E</span>xample</a>
    </h1>
</header>​

我已经更新了您的jsfiddle，以示范：

http://jsfiddle.net/YCMMZ/3/

这里展示了更好的演示。

- Jason