:first-letter擬似要素に設定したスタイルが動的擬似クラスにマッチすることで失われる

症状

フロート化していない:first-letter擬似要素にスタイルが設定された要素が動的擬似クラス（:hoverなど）にマッチすると、擬似要素に設定したスタイルが失われてしまう。

例示

<style type="text/css">
p#f:first-letter {
  font-size: 2em;
  color: #ff0000;

}
a:hover {
  background: #ffe4e1;
}
</style>

<p id="f"><a href="../mozilla.html">●○○○○</a></p>

マウスポインタなどをリンクに乗せたときに背景色を変化させています。実際にポイントして、1文字目の文字サイズと前景色が維持されるかを確認してください。

スクリーンショット

マウスポインタを乗せた状態です。

補足

同様の現象がBugzillaに登録されています。以下を参照してください。

• (Bug 23604) [RR/RCF]first-letter into inline frame lost on restyle (e.g., from :hover) [INLINE]

修正状況

Moz1.0.2/1.2.1では標準・互換の両モードで不具合の発生が確認されました。

スポンサーリンク