问Css伪类:第一个字母

EN

是的，这应该可以很好地工作。

你能提供一个不起作用的JSFiddle例子吗？

它当然应该可以工作--参见here for a test page which demonstrates it in action和here for a browser compatibility chart (它说它应该可以在任何浏览器中工作)。

编辑

正如@SilentGhost所说，它只适用于块级元素，而<p>是，而<a>不是。

通过使用display:block;样式，可以使像<a>这样的内联元素充当块元素。然而，这可能会弄乱您的页面布局。

幸运的是，有一个折中的选择：display:inline-block;，它应该使您的元素被视为块元素，而不会中断您的页面布局。尝试将其添加到样式表中，如下所示：

a.x {
  display:block;
}

您的:first-letter样式现在应该可以工作了。

根据CSSS2.1，:first-letter仅适用于block container elements。