:first-letter on hover 的 CSS 转换

Question

我正在使用 :first-letter 来定位带有某些样式的 Logo 中的第一个字母。悬停时，该字母的颜色会发生变化。

如何使用 CSS 过渡让这种颜色淡入？将过渡属性添加到我的任何选择器似乎都不起作用。

fiddle :http://jsfiddle.net/alecrust/YCMMZ/

编辑:显然 Firefox 4+ 是唯一支持伪元素转换的浏览器，但是即使在该浏览器中我也无法使上面的 Fiddle 工作。

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/