html – 如何在内联元素上使用:: first-letter

p{display:inline;...}
<p>Hello</p>
p::first-letter{color: red;}

我想在那个p上使用:: first-letter.但它是一个内联元素,根据W3C,它不起作用.
怎么做？

解决方法

：规范 http://www.w3.org/TR/CSS2/selector.html#first-letter中定义的第一个字母仅适用于块元素.

如果你想要你可以使用display：inline-block来使它工作.参见http://jsfiddle.net/fZGFH/1/