Question

我的首字母样式适用于Chrome，但不适用于Firefox。有什么理由吗？谢谢！

.summary:first-letter {
    float:left;
    color:#D4D4C7;
    font-size:44px;
    line-height:35px;
    padding-top:3px; 
    padding-right:3px;
    font-family: Times, serif, Georgia;
}

Answer 1

您的语法应该在.summary之后有两个冒号而不只是一个冒号。

.summary::first-letter {
    float:left;
    color:#D4D4C7;
    font-size:44px;
    line-height:35px;
    padding-top:3px; 
    padding-right:3px;
    font-family: Times, serif, Georgia;
}

试一试，看看是否有效。如果您使用较旧的FF浏览器，则可能是问题所在。单个结肠通常用于IE8 support。

Drop Cap Style在Firefox中不起作用

1 个答案: