Firefox中的多个CSS伪选择器无法正常工作

Question

特别是：

p:first-child:first-letter {font-size:48px;}

适用于所有浏览器（即使IE8大声喊叫）但不适用于Firefox（v.10.02）

有人知道CSS或javascript的解决方法吗？我唯一能想到的就是实现我想要的东西（第一段中的首字下沉）是用span标签动态包装第一个字符。但肯定有更好的方法吗？

Answer 1

你可以这样做：

p:first-letter {font-size:48px;}
p + p:first-letter {font-size:1rem}

使用新的rem单位，root em, for IE>8您必须手动输入根字体大小。

或者你可以使用像

这样的JQuery

   $('p:first-child').addClass('first-child');

并将您的CSS更改为

p.first-child:first-letter { font-size:48px}

Answer 2

我认为p没有任何孩子。试试：

p:first-letter{font-size:48px;}