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

:first-letter在 CSS2 或::first-letterCSS3 中仅适用于块级元素，它不适用于内联元素。例如，如果您尝试在跨度中使用它，它将无法在 Firefox 中运行。您可以在此处了解有关其规范的更多信息https://drafts.c​​sswg.org/css-pseudo-4/#first-letter-application

于 2021-04-28T08:30:22.073 回答
0

您可以尝试.dyk::first-letter代替.dyk:first-letter.

W3Schools 示例就是这样做的。

于 2016-12-15T19:53:02.117 回答