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

Question

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

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

Answer 1

在:first-letter如在规范中定义http://www.w3.org/TR/CSS2/selector.html#first-letter仅适用于一个块元件.

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