7

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

4

3 回答 3

9

您必须先定义，p:first-line然后才能像这样定义链p:first-line:hover：
p:first-line { color: black; }
p:hover:first-line { color: red; }

小提琴

于 2013-03-12T08:21:49.577 回答
1

很吸引人的话题！我尝试了一个 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 中不起作用。

于 2013-03-12T08:26:08.260 回答
0

是的，您可以将它们链接起来（看看这里）。

p:hover:first-line
于 2013-03-12T08:07:17.517 回答