Question

我一直在修补一些用于HTML标记的CSS。我面临的问题是使用CSS :first-line伪类已经应用了一种样式。我想要的是在悬停状态下改变第一行的样式。有没有办法应用p:first-line:hover？

之类的东西

Answer 1

您必须先定义p:first-line，然后才能定义链p:first-line:hover，如下所示：
p:first-line { color: black; } p:hover:first-line { color: red; }

Fiddle

Answer 2

非常有趣的话题！我尝试了一个jQuery版本并发现，即使这样也行不通。在Firefox中，必须首先应用该类来处理悬停，正如您在此Fiddle中所看到的。但是WebKit完全忽略了动态类添加的:first-line。

<p class="hovered">Text .... </p>

对于Firefox，必须在HTML代码中设置类。现在，以下工作就完成了。

jQuery('p').removeClass('hovered');

jQuery('p').hover(function() {
    jQuery(this).addClass('hovered');
}, function() {
    jQuery(this).removeClass('hovered');
});

但不适用于WebKit。

Answer 3

是的，你可以链接它们（看看here）。

p:hover:first-line

有没有办法添加：hover to CSS：first-line pseudo-class？

3 个答案: