css - 悬停时 :first-letter 的 CSS 过渡

Question

我:first-letter用一些样式来定位徽标中的第一个字母。悬停时，此字母的颜色会发生变化。

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

小提琴：http: //jsfiddle.net/alecrust/YCMMZ/

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

Answer 1

由于浏览器支持不佳，解决此问题的最佳方法是将您的第一个字母包装在一个跨度中并为该跨度赋予一个类。

<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/