CSS 首字母伪元素适用于 chrome，但不适用于 firefox

Question

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

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

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

Answer 1

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;
}