css第一个字母的链接

Question

第一个字母伪类适用于p元素,但不适用于锚点(链接).为什么？如何使<a>元素的第一个字母样式不同

a:first-letter
{
font-size:200%;
text-transform:uppercase;
color:#8A2BE2;
}

Answer 1

根据W3 规范，:first-letter伪元素仅适用于块元素，但事实a并非如此。

奇怪的是，*:first-letter在 Chrome 14 和 Firefox 3.6.23 中，导致第一个字母发生变化。小提琴： http: //jsfiddle.net/8W7FF/3/

您的 jsfiddle 演示“有效”，因为第一个 O 字母不仅是 `<a>` 的 `:first-letter`，也是 `<body>` 的 `:first-letter`。尽管如此，+1，你的答案看起来是正确的。 (2认同)
我想这是因为 * 将包含 jsFiddle 自动放置的“body”标签。 (2认同)

Answer 2