css - ドロップキャップスタイルの奇妙さ

Question

次のように、すべての投稿の最初の文字に .drop_cap クラスを適用しました。

Firefox13で大丈夫です。ただし、Chrome17 と IE9 では、最初の文字が .drop_cap スタイルであるだけでなく、2 番目の文字も .drop_cap で囲まれているかのように、2 番目の文字もまったく同じスタイルです。

<span class="drop_cap"></span>

しかし、実際にはそうではありません。これがどのように起こっているのか、どうすれば修正できるのでしょうか?

Answer 1

CSS 宣言は、スパンと段落の両方にドロップ キャップ スタイルを適用しています。

.drop_cap, .entry > p:first-of-type::first-letter

この行は、どちらか一方のみにする必要があります。

最初の文字の周りのスパンを削除して:first-letterCSS プロパティを利用するか.entry > p:first-of-type::first-letter、セレクターから を削除してください。