CSS first-letter伪元素适用于chrome,但不适用于firefox

时间:2016-03-18 16:11:47

标签: css firefox

标题说明了一切。 Chrome完全符合我的要求,但Firefox不会将任何样式规则应用于我指定的第一个字母。这是代码,感兴趣的部分复制在下面。

article::first-letter {
    font-size: 20pt;
    color: #990000;
    font-family: "Times New Roman";
}

http://codepen.io/patrickfbray/pen/QNdoJq

1 个答案:

答案 0 :(得分:0)

article没有first-letter开头......但是其中的段落确实如此。我对任何浏览器中的原版都感到惊讶。

  <article>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra enim maximus ipsum sagittis, non accumsan sapien porttitor. Nullam neque magna, laoreet et egestas id, sagittis ac magna. Vestibulum eu cursus sapien. Maecenas vel dapibus magna.
    </p>

要纠正,我建议:

article p:first-letter {
    color: #990000;
    font-family: "Times New Roman";
    font-size: 20pt;
}