获取:第一个字母:带有CSS的悬停元素

Question

在"悬停模式"下是否可以获取元素的第一个字母？这就是它的外观 - 我认为 - 但它不适用于Chrome 10:

p:hover:first-letter

要么

p:first-letter:hover

技术上(imho)他们不一样.第一个是悬停元素的第一个字母.如果第一个字母悬停,则第二个采用整个元素.我需要第一个.

正如你在http://css4.hotblocks.nl上看到的那样,如果你'启用'CSS块,两者都不起作用.

当整个元素处于:悬停模式时,我只希望元素的第一个字母变成红色.是否有可能无需额外的HTML标签？谢谢.

- 编辑我已经改变了我的在线示例.CSS现在分为不同的<style>块.更轻松地打开和关闭试用版.

结论 - 到目前为止!？- 是这样的:在Firefox 3.6/4 a:first-letter:hover中没有做任何事情(好)并且a:hover:first-letter工作得很好(很好!).在Chrome 10 a:first-letter:hover中没有做任何事情(好)并a:first-letter:hover打破了以前的CSS'声明'.(在我的例子中它没有什么,因为它在一个单独的<style>块中.)这使我们:谷歌Chrome再次落后于Firefox =( - 编辑

Answer 1

我已经检查了你的例子,我必须说它在Fx 3.6.13上有效

p:hover:first-letter {
    color: blue
}

只有你必须做的,是改变第一个字母的颜色.因为悬停与文本颜色相同,所以您没有注意到任何视觉变化.