Firefox 中的多个 CSS 伪选择器不起作用答案

【问题标题】：Mutliple CSS pseudo selectors in Firefox not workingFirefox 中的多个 CSS 伪选择器不起作用
【发布时间】：2012-03-07 14:22:37
【问题描述】：

具体如下：

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

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

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

【问题讨论】：

奇怪的是，这在 10.0.2 中适用于我：jsfiddle.net/PY7jB
Alexander, x539：看起来它可能与 jQuery 1.7.1 有关 - 我注意到你们都在 jsfiddle 上选择了 mootools 框架。我翻到 jquery 1.7.1 和你好小 F:( jQuery 1.6.4 可以工作:)
有趣的是：我在此处更改了 FireBug 的样式，但直到我禁用并启用表选择器的 border-collapse 属性后，该更改才起作用。

【解决方案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}

【讨论】：

宾果游戏！整洁的 CSS 解决方案 Jkirchartz。我已经尝试过你的 jquery 解决方案，但结果是一样的。您将在上面看到，在通过 jsfiddle 获得一些帮助后，该问题与 jQuery 1.7.1 和 Firefox 相关。无论如何，谢谢！
那个小提琴对我的 FF 有用，但我喜欢给猫剥皮的所有不同方法

【解决方案2】：

我认为 p 没有孩子。尝试：

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

【讨论】：