CSS伪类：首字母

Question

它能被内部使用的a标签？

a.x:first-letter
{
   color:red;
}

我叫<a class=x>Lionel</a>

我似乎无法使其工作。

Answer 1

根据css2.1 :first-letter仅适用于块容器元素 。

Answer 2

是的，应该可以。

您能提供一个JSFiddle无法正常工作的示例吗？

它当然应该可以工作-请参阅此处的测试页，以演示它的实际运行情况 ，以及此处的浏览器兼容性图表 （它表示该功能可以在任何浏览器中使用）。

[编辑]

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

您可以使用display:block;来使像<a>这样的内联元素充当块元素display:block; 样式。 但是，这可能会使您的页面布局混乱。

幸运的是，有一个中途房屋选项： display:inline-block; 这应该使您的元素在不破坏页面布局的情况下被视为块元素。 尝试将其添加到样式表中，如下所示：

a.x {
  display:block;
}

您的:first-letter样式现在应该可以使用。