0

最初の文字の疑似要素は、Firefoxで何をしても機能しません。Chrome、Safari、Operaで動作しますが、Firefoxでは動作しません。

これがCSSの一部です。

.dyk
{
    font-family: Myanmar Sangam MN;
    line-height: 100px;
    font-weight: 900;
    font-size: 20pt;
    width: 250px;
    position: relative;
    float: left;
}
.dyk:first-letter
{
    font-size: 60px;
}

私が試したこと：

  • HTMLファイルとCSSファイルの検証
  • CSSリセットファイル

私は自分のコードを何度も見てきましたが、何が悪いのか理解できません。

4

3 に答える 3

0

ユーザーが同様の問題を抱えているようです、多分これはいくつかの光を当てるでしょう！::Firefoxで機能しない最初の文字の疑似要素

必要最低限​​の例では、これが機能することを願っています。

<style type="text/css">
.dyk {
    font-family: Myanmar Sangam MN;
    line-height: 100px;
    font-weight: 900;
    font-size: 20pt;
    width: 250px;
    position: relative;
    float: left;
}
.dyk:first-letter { font-size: 60px; }
</style>
<div class="dyk">This is a test!</div>
于 2013-01-06T02:22:34.667 に答える
0

.dyk::first-letterの代わりに試すことができ.dyk:first-letterます。

これが、W3Schools の例で行われている方法です。

于 2016-12-15T19:53:02.117 に答える
0

:first-letterCSS2 または::first-letterCSS3 では、ブロック レベル要素でのみ機能し、インライン要素では機能しません。たとえば、スパンで使用しようとしている場合、Firefox では機能しません。ここで仕様の詳細を確認できますhttps://drafts.c​​sswg.org/css-pseudo-4/#first-letter-application

于 2021-04-28T08:30:22.073 に答える