css首字母为链接

第一个字母的伪类适用于p元素，但不适用于锚（链接）。为什么？如何使不同的第一个字母样式<a>元素css首字母为链接

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

来源

2011-11-02 pahnin

https://bugzilla.mozilla.org /buglist.cgi?query_format=advanced&short_desc_type=allwordssubstr&short_desc=first-letter&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED – Jauzsika

日Thnx的信息 – pahnin

这个怎么样http://jsfiddle.net/raynesax/8W7FF/8/

来源

2011-11-02 20:10:45

雅的工作http://jsfiddle.net/pahnin/zHqyc/ thnx – pahnin

即使它是一个旧的职位：只需使用display：inline-block使其工作。 –

按照W3 spec的:first-letter伪元素只为一个块级元素，这a是不行的。

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

来源

2011-11-02 17:09:51

你的jsfiddle演示“作品”，因为该第一O字母不只是'：'的第一letter' ''而且''的第一个字母'''。尽管如此，+1，你的答案看起来正确。 – duri

我会想象那是因为*会包含'body'标记，jsFiddle自动放置在那里。 –

@duri事实上http://jsfiddle.net/8W7FF/5/ – Curt

如果JavaScript是它可能是值得考虑的一个选项：http://letteringjs.com（这应该是相当的跨浏览器兼容）

来源

2011-11-02 17:37:10

css首字母为链接

回答

相关问题