CSS 首字母伪元素适用于 chrome,但不适用于 Firefox



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

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

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

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

最新更新