在“悬停模式”下是否可以获得元素的首字母?这是它的外观-我认为-但在Chrome 10中无法正常工作:

p:hover:first-letter

或者
p:first-letter:hover

从技术上(恕我直言)他们是不一样的。第一个采用悬停元素的第一个字母。如果第一个字母悬停,则第二个占据整个元素。我需要第一个。

正如您在http://css4.hotblocks.nl上看到的那样,如果您“启用”了CSS块,则两者都不起作用。

当整个元素处于:hover模式时,我只希望元素的第一个字母变为红色。如果没有其他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>块中。)这使我们能够:Google Chrome再次落后于Firefox =(-编辑

最佳答案

我检查了您的示例,不得不说它在Fx 3.6.13上有效

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

只需要做的就是更改第一个字母的颜色。由于悬停与文本具有相同的颜色,因此您没有注意到任何视觉变化。

关于css - 获取:first-letter of :hover element with CSS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4528583/

10-12 00:22
查看更多