複式CSS僞選擇在Firefox中不工作

Question

具體如下：

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

作品在所有瀏覽器（IE8甚至對於哭出聲來），但不火狐（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;}